I'm having trouble with horizontal scrolling on mobile ...

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 !

12 comments

VValentin Geffroy

Alors t’as plusieurs problèmes :

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
Mets un overflow hidden ou clip sur la section des tes marquee .stack-v-0-5

Et ça devrait régler tes problèmes 🙂

AAlyson Le Druillenec

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

VValentin Geffroy

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

Attachment