Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 4, 2026 at 10:43 am #1494666
    slikslok

    Hi,

    I want to use a Masonary-gallery, but I didn’t get it work properly.

    It crashes the layout, even if I pack it into a color-section or column: it spreads out over the whole viewport-width and pushes my sidebar underneath. How to solve this keeping my (right) sidebar?

    Thanks
    Tim

    February 4, 2026 at 11:50 am #1494673
    slikslok

    Doesn’t work:

    CSS:

    #top .av-masonry-gallery-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}
#top .container {
    overflow: hidden;
}
#top .av-content-slide-container .av-masonry-gallery-container {
    width: 100% !important;
}
/* Mobile Fix */
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container .av-masonry-gallery-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

    JS:

    // Force Masonry Gallery zu container width
function fix_masonry_gallery_width() { ?>
<script>
jQuery(document).ready(function($) {
    $('.av-masonry-gallery-container').css({
        'width': '100%',
        'max-width': '100%',
        'margin': '0 auto'
    });
});
</script>
<?php }
add_action('wp_footer', 'fix_masonry_gallery_width');
    • This reply was modified 3 weeks ago by slikslok.
    February 4, 2026 at 3:26 pm #1494687
    slikslok

    Same problem with the content-element “code-block” (with a contact form), even if I place it in a 3/5-Column with 1/5 on the left and right.

    February 5, 2026 at 3:00 pm #1494751
    Ismael

    Hi,

    Thank you for the inquiry.

    Have you tried placing the Masonry Gallery inside a 1/1 Column element? Make sure you’re not using a Color Section, as this is a fullwidth element that will always push the sidebar underneath. Try to create a test page, enable the sidebar, add a 1/1 Column element and then insert the Masonry Gallery element inside it. Let us know the result.

    Best regards,
    Ismael

    February 11, 2026 at 11:03 am #1494981
    slikslok

    Hi Ismael,
    thanks, this on works. So tickt can be closed.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Masonary-width not controllable’ is closed to new replies.