[Resolved] Unwanted Horizontal Scroll

[Andy]

Hi,
I’m getting some unwanted horizontal scroll which can be fixed using overflow-x:hidden; but was hoping to fix the root cause.

Any help appreciated.

[Leo]

Hi there,

It’s likely the align full block you are using in the first section.

Can you try removing it and see if it helps?

If so you can consider using the header element module instead.

If not the overflow-x:hidden; is the only solution we are aware of unfortuantely.

[Andy]

It was indeed the full-width block, decided to just use the overflow-x fix.

[Leo]

Sounds good 🙂

[Andy]

Unfortunately, I’m getting the same issue with another site I’m building and overflow-x:hidden; doesn’t seem to be working. I’ve edited the URL for this thread with the new one.

[David]

Hi there,

any particular page ? Can’t see it in browser tools

[Andy]

The home page is the only one with a cover block and using alignfull so should only be able to see it there. I double-checked in a private browser session and can definitely see a small amount of horizontal scroll in all browsers.

[Leo]

I can see the horizontal scroll on home page.

However, when I add this CSS using browser inspector:

body {
    overflow-x: hidden;
}

The issue is fixed.

[Andy]

Thank you, I had tried applying the CSS to the cover block itself, adding it to the body did the trick.

Could you please remove your screenshot now, thanks.

[Leo]

No problem 🙂

[Author]

Posts