initClub · 1ère Communauté Webflow Francophone

Updated 2 months ago

I'm having trouble with horizontal scrolling on mobile devices on this website, and I've added the code body { overflow-y: scroll; overflow-x: hidden !important; } to the custom code, but it's not working.

At a glance

(RÉSOLU PAR VALENTIN - comme d'hab 🤭)

Hi guys !

J'ai un soucis de scroll horizontal sur mobile sur ce site : https://dolinnov.webflow.io/
J'ai ajouté ce code dans le custom code du projet :
body {
overflow-y: scroll;
overflow-x: hidden !important;
}

Mais rien n'y fait

Le read link avant que vous demandiez : https://preview.webflow.com/preview/dolinnov?utm_medium=preview_link&utm_source=dashbo[…]v&preview=c24071b30c610ecb015ed9f779bfa387&workflow=preview

Ca le fait sur les pages où j'ai un swiper donc j'imagine que le problème vient de la. Même en mettant un overflow hidden sur ces sections avec une max width, j'ai toujours le soucis

Merci d'avance !

V
A
12 comments

Alors t’as plusieurs problèmes :

  1. Problème avec tes SVG qui n’ont pas de taille de défini au sein du svg , Mets une viewBox viewBox=“0 0 57 57” ; change les par les bonnes dimensions
  2. Mets un overflow hidden ou clip sur la section des tes marquee .stack-v-0-5
Et ça devrait régler tes problèmes 🙂

Merci Valentin !

Les svg vont changés c'est du "en attendant" mais j'ai rajouté le viewbox. Mis le overflow hidden sur le stack des marquees + sur la section du swiper
Toujours ce petit scroll horizontal

Tjs le même problème ici avec tes svg

Attachment
CleanShot 2025-01-09 at 10.50.21@2x.jpg

Si je publie c'est mieux 😩

Oui mais je comprend pas on dirai qu'il prend en compte que le premier chiffre

Attachment
Capture d’écran 2025-01-09 à 10.59.15.png

mets une width=“100%” et une height=“100%”

Et c’est normal tu as mal copié le code

tu aas mis 2 fois “”

Alors enlève la viewbox ; Mets une width=“100%” et une height=“100%” ; et mets en display flex center ton w-embed

Add a reply
Sign up and join the conversation on Slack