[Resolved] horizontal scroll – overflow-hidden

Home Forums Support horizontal scroll – overflow-hidden

  • This topic has 5 replies, 2 voices, and was last updated 3 months ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1342360
    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?

    #1342375
    David
    Staff
    Customer Support

    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.

    #1342435
    Heinrich

    hi david,

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

    tks in advance.

    #1342452
    David
    Staff
    Customer Support

    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.

    #1342535
    Heinrich

    perfect, tks a lot.

    #1342548
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.