Fix unwanted horizontal scroll with 100% width | Webflow tutorial

Sometimes elements on a page can exist just outside the viewport, and an unintended side effect can be horizontal or sideways scrolling that shows extra elements in your design. Not all horizontal scrolling is a bad thing, but if it’s something that doesn’t work with your design, we’ll walk you through why you should stop using width: 100VW, responsive design, and mindful interaction setup.

[koljakrause]

Omg, i struggled more than the last 7 hours with this problem. Found your Video and finally fixed it. You can not imagine how thankful i am!!!

[turbothijmen]

struggled a few hours, watched tutorials and then you said "vw" and I got it, thanks for that!

[tirtharajchakraborty]

Bruh! You're a life saver..thanks a lot

[RomboutVersluijs]

Im having this issue where i use a background image, wider than the viewport. I need it 100% because of text. I cant get it working using this. Even with 100% and using overflow-x: hodden. It keeps scrolling horizontal
The image is placed inside a div in the body. The div has flex

[TEO_LOL]

For anyone wondering why are they still encountering the issue, you need to apply auto to all of your wrappers not just the first one. I made this mistake where I had first wrapper on auto and second on 100% and was wondering why its still displaying horizontal bar

fix: set all to Auto

[PawełSzczepaniak-ht]

OMG....! I am also one of those who lost a few hours to it. GPT and Cloude were also unable to catch this error. Now it's so obvious.

[Wanttobeafurry]

Youtube, watch this and learn it! Couple days ago I had started to see horizontal scrollbar at fullscreen on youtube.

[hariiiprasath]

well, what if it is a parent of something that is wider than the viewport. neither width auto and 100% works for this case.