[Resolved] horizontal scroll – overflow-hidden

[Heinrich]

hi team,

i have an overflow on mobile (iphone). tried different css from other support topics:

body {
overflow-x: hidden !important;
}

or:

html,
body {
overflow-x: hidden;
}

both doesn`t fix the problem?
any advice?

[David]

Hi there,

the overflow is being caused by this section:

Dein natürlicher WOW-Effekt HANZZ+HEIDII Skincare

you have 40px left and right padding on the Container and 40px padding on the Grid columns.
Try removing the padding on either the container or the grid item form mobile devices.

[Heinrich]

hi david,

perfekt,is working, tks a lot. how did you find/analyse the issue?

tks in advance.

[David]

You can find them several ways using the Developers tools ( Right Click > Inspect ).
The way i found this was by inspecting each GB Container and deleting them one at a time from the elements list in the dev tools. Once the overflow corrected itself i knew the problem was in that container. Then i refreshed and inspected the inner elements of that container – the extra padding was easily visible.

[Heinrich]

perfect, tks a lot.

[David]

You’re welcome

[Author]

Posts