Identifying and containing overflowing elements?

On one page of my site (Bhuku), a horizontal scroll bar appears when you scroll halfway down the page.

I tried putting all of the larger elements in a div and changing the overflow property to hidden, but that didn’t seem to work, so I’m a bit stumped.

Any ideas as to what might be causing it / how I can fix this would be much appreciated!


Here is my site Read-Only: LINK

Hey @lacke
I quick fix would be to completely hide the horizontal scrollbar on this specific page.
Just insert following custom code into the Bhuku page:

I will look at it a bit more in depth and try to find the issue.

@lacke To avoid that scrollbar, I typically toss all of my layers into an overflow div that’s set to 100% width and height with overflow set to visible:none.

Can you try that and check the published site to see if it’s fixed?

@EriCreator I tried this first and it worked!! Thank you so much. And thank you @bryanmanio as well :slight_smile:

1 Like