[Resolved] Horizontal Overflow not solved with body {overflow-x: hidden !important; }

[Jon]

Hi, this is my first time using GP Premium and I’m loving it, but still learning. I’ve got some horizontal overflow on mobile that doesn’t seem to be corrected by using:

body {
overflow-x: hidden !important;
}

I’m sure this is something I’m causing myself and I just haven’t figured it out yet.

Any ideas towards fixes are appreciated!

[David]

Hi there,

try this CSS:

html,
body {
    overflow-x: hidden;
}

Or you may want to fix the issue with the “You want a website that looks great …” section. You have several nested elements that have padding which is increasing the width of the element.

[Jon]

You’re so right, David! Thank you very much sir. I knew I had to have been shooting myself in the foot somehow. I appreciate you a great deal.

[David]

Glad to be of help

[Author]

Posts