Small Horizontal Scroll Showing Up

Hello Webflow Friends,

So, I’m fairly familiar with webflow; however, for the life of me I can’t figure out why there is a small horizontal scroll on all of the pages of this site:

And when I use css styling to remove the horizontal scroll all together - it f’s with some animations. It seems as if there is a negative margin somewhere but I can’t find it anywhere. Any ideas would be appreciated.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Howdy @fc_bob and welcome to the community! :wave:

I didn’t check to see if there was anything else but since I’m seeing it on a few sections I’d imagine the issue is your use of 100vw instead of 100%.

Viewport units (vw & vh) don’t take into account scrollbar width, so any site that’s tall enough to scroll vertically will have a ~10px overflow to account for the scrollbar itself.

Changing those properties should fix the issue :+1:

1 Like

ah… this is it! I didn’t realize that. Thank you!!!