margins on .uagb-post__items causing horizontal scrolling

  • Resolved tolland

    (@tolland)


    5 years, 5 months ago

    Hi,
    Great plugin, really enjoy using it!

    I noticed that I am getting horizontal scrolling on pages using certain UAG blocks. In particular “Post Grid” and “Post Masonry”. There’s a link to some before/after screenshots attached to the post… see below

    DevTools suggest that this is caused by a style being applied to those elements:

            <style type="text/css" media="all" id="uagb-style-frontend">
            #uagb-post__masonry-2b8fa0ec-abe7-44c7-8749-b2fd60f6fd55 .uagb-post__items {
                margin-right: -10px;
                margin-left: -10px;
            }
        ...
        </style>

    overriding those styles, seems to fix the horizontal scrolling issue:

    .uagb-post__items {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
    • This topic was modified 5 years, 5 months ago by tolland.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hey @tolland ,

    Thank you for reaching us out.
    I checked the issue but it works fine at my end – https://cl.ly/ce9f14e21c5b

    I tried both Post Masonry and Post Carousel.
    Can you confirm what theme are you using? Or maybe a link to the issue would help me debug the issue.

    Regards,
    Vrunda Kansara

    Thread Starter tolland

    (@tolland)

    ah ok, I tried it on a few themes, and I can only replicate it if the block is placed into a content-area where all the parent divs have margin and padding set to 0px

    Thanks!

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hey,

    You can try using them into UAG Section or UAG Advanced Columns.
    You will not face this issue then.

    Let me know if that helps.

    Regards,
    Vrunda Kansara

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘margins on .uagb-post__items causing horizontal scrolling’ is closed to new replies.