Streaming live at 10am (PST)

Unwanted white bars and horizontal scrolling on all devices

Hi guys I have been trying to fix this issue for too long now and the site is live so I need help resolving it. The site scrolls side to side and therefore shows these ugly unwanted white bars. I don’t want the site to be able to scroll side to side at all…

I thought the issue was to do with the hero image on the homepage however, I’ve started to notice the scroll side to side issue happen on mobile devices on the other site pages. The weird thing is, this only happens sometimes. Even weirder again is that the site snaps back into place once you scroll to the bottom of the page (again, this only happens sometimes).

This also happens when you scroll to the bottom of the page on the home menu…

Can someone please take a look and hopefully point me in the right direction to fix it.

Thanks guys!

Read Only Link: https://preview.webflow.com/preview/haines-co?utm_medium=preview_link&utm_source=dashboard&utm_content=haines-co&preview=01f33f0cddd16cc07ec726f777f07398&mode=preview

Live Site: www.haines.co


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

I have linked images showing what I mean

Look at the div -> .division-title-wrapper and remove the 100% width on mobile breakpoint. See if that resolves your issue.

The issue is seen on all breakpoints. I tried this and it produced no result. I can’t get my head around it and it’s starting to effect the business. I have just tried changing all the sections to 100vw but that hasn’t produced any change either.

any help would be appreciated

@webdev @jakenealedesign I am having the same problem. Been trying to resolve this for months: https://preview.webflow.com/preview/quagga-designs-1?utm_medium=preview_link&utm_source=designer&utm_content=quagga-designs-1&preview=a58747cb9275c14df8eabe69f1dcafbd&mode=preview

100VW creates horizontal scroll. Use width:100% instead.