Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1477713

    In the Masonry gallery with the setting Flexible Masonry and, for example, No Scaling, only the first two rows of images (4 columns) are displayed correctly when the page is loaded. The lower images are displayed with no white border or a much too large white border above and below them. The width of the white border is correct for all images. Only after scrolling up and down or by changing the browser window size are the images rearranged and then the white border above and below in the visible area is also correct. If you scroll further down, the images are displayed again with no or far too large a white border above and below them
    Many thanks for your help!

    • This topic was modified 4 days, 23 hours ago by Herb.
    #1477735

    Hey Herb,

    Thank you for the inquiry.

    Would you mind providing a screenshot of the issue and a link to the page with the masonry element? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    #1478005

    Hey Ismael,
    I am happy to provide you with the link to the page and the screenshots.

    Best regards,
    Herb

    #1478073

    Hi,

    Thank you for the screenshot.

    Did you install a lazy load or any plugins related to images? Adding this code in the functions.php file should help:

    add_action('wp_footer', 'ava_auto_resize');
    function ava_auto_resize() {
        ?>
        <script>
        (function($) {
            var resizeInterval = setInterval(function() {
                $(window).trigger('resize');
            }, 1500);
    
            $(window).on('load', function() {
                setTimeout(function() {
                    clearInterval(resizeInterval);
                }, 500);
            });
        })(jQuery);
        </script>
        <?php
    }

    Best regards,
    Ismael

    #1478135

    Hey Ismael,

    You were right, in the plugin WP-Optimize Premium 4.0.1 Lazy-load images is activated by default. After deactivating the setting, the Flexible Masonry works.

    Thank you very much.

    Best regards,
    Herb

    #1478148

    Hi,

    Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Flexible Masonry no or too large white border above and below images’ is closed to new replies.