Streaming live at 10am (PST)

RESOLVED: How do i remove the horizontal scroll from my published pages?


#1

I have tried hiding overflowing content and looking for elements with 100vh, but i cannot figure out why all my pages have a little bit of a horizontal overlay.

Any suggestions?

Thanks!


Here is my site Read-Only:https://preview.webflow.com/preview/rootsecure?preview=35d87f6f0179a4dfd80f46774bd2b78d

http://rootsecure.webflow.io/


#2

@llightheart header banner as well as in other places you have given a bottom border of 16px color white, that is what your seeing white at the bottom of your sections remove this from all your section.


#3

I have removed the white, however there is still the horizontal scrolling? I am not sure why my page is set so wide… :confused:


#4

@llightheart can you show me a screenshot of the issue because I am not seeing any horizontal scrolls what browser are you using?


#5

It is on all the pages except the main page, so Reach, Scout, Echo, and all the Solutions pages.

The live site/issue is here: https://www.rootsecure.com/reach


#6

@llightheart

Your hero section class and header banner have negative margins that is why you have a horizontal scroll


#7

Absolutely BRILLIANT.

Thank you so much!


#8

@llightheart your very welcome, don’t forget to mark the topic resolved for others :smiley:


#9

@llightheart the reason that caused an issue is 100% width and you say margin 50px that tells the browser to stop 50px from edge of the screen but when you use negative margin -50px your telling it to push 50px past the screen edge. so your adding 50 more px 100% what the browser reads is at 100% add 50 more px


#10

Hi there!

I have been able to resolve this issue everywhere but on my home page mobile view of my website. Any insight into what issue is stopping me on my homepage? I am wondering if the slider is creating the issue.

Preview: https://preview.webflow.com/preview/rootsecure?preview=35d87f6f0179a4dfd80f46774bd2b78d
Live: www.rootsecure.com


#11

@llightheart you have negative margins on smaller screens that you didn’t remove like I had you do before, you have to do it for the smaller screens also

Problem

Solution