user2371301 user2371301 - 3 months ago 29
CSS Question

DISABLE the Horizontal Scroll

Ok for some reason my webpage scrolls from left to right and shows a lot of ugly space.

I have searched for results but they just made the scrollbar HIDDEN

That's now what I want, I want to physically DISABLE the horizontal scroll feature. I do not want the user to be able to scroll left to right on my page just up and down!

I have tried:

in css on my
tag but it only made the scrollbar hidden and did not disable the scroll.

Please help me!

Here is a link to the page: (Broken link)

This might give you a better idea of what I am talking about:

This is when the first pages loads:

enter image description here

And this is after I scroll to the right:

enter image description here


Try adding this to your CSS

html, body {
    max-width: 100%;
    overflow-x: hidden;