Horizontal scroll on mobile. Please Help!

My site is scrolling horizontally on mobile for some reason. I can’t seem to figure out why.

I tried messing with the overflow but that didn’t work.

Here is my read-only link: https://preview.webflow.com/preview/makingmoves?utm_source=makingmoves&preview=85cc28ba4d820110d214e99c71161e6a&mode=preview

I appreciate any help!

1 Like

Hi @ravenbranding

Can you please update your read-only link?

Hey @donaldsv

Here’s the updated link:
https://preview.webflow.com/preview/makingmoves?utm_medium=preview_link&utm_source=designer&utm_content=makingmoves&preview=27c9f1347e4f986f5e3c10bbbc3cda8d&mode=preview

Thanks :slight_smile:

1 Like

Thanks!

So the issue is in your navbar since you have a div with a width of 500%. Just give the navbar an overflow hidden and it’ll do the trick :slight_smile:

1 Like

Thank you so much! I actually reduced the width of that div to 100% and it’s fine now :smile:

Also I’d appreciate if you could tell me how you found that div so if I can fix it in case I have this problem again in the future.

1 Like

Cool! :smiley:

Sure, you just need to go in the designer, scroll to the right to see the blank space and then open everything in the navigator. When you select an item in the navigator, you can see the little selection box around it so it’s easy to spot what element is causing the horizontal scroll. It’s a little tricky with symbols because you need to double click them to be able to select items inside, but overall it’s an easy process, except when the element you are searching for is at the very bottom of the list :sweat_smile:

2 Likes

Awesome! Thanks for your help

1 Like

Hi I have a similar problem. I have overflow, though not sure were. I also have sticky elements on scroll and if I put everything into a “Main” with overflow hidden, the scroll animations don’t work anymore.

https://preview.webflow.com/preview/ieg4-new-site?utm_medium=preview_link&utm_source=designer&utm_content=ieg4-new-site&preview=bedca6acdbd64e6c445e3461bf3908d7&pageId=5d0d0c7ed0db081b8c80b461&mode=preview