Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 13, 2016 at 3:05 am #660177
    charger70

    hey there, check out the page below – when you go to the bottom and keep clicking Load More, the masonry load is overlapping images and covering up the Load More bar many times, requiring the page to be manually reloaded, and the problem still persists. What is happening? Theme is up to date, as is WordPress. Thanks for your help on this.

    July 13, 2016 at 3:13 am #660178
    charger70

    Note: there is also a very disconcerting white “flashing” effect as the page loads – which has not been there before. any ideas?

    July 15, 2016 at 3:25 am #661109
    Ismael

    Hey!

    Thank you for using Enfold.

    Please enable the load more button again then add this in the functions.php file:

    // new script
add_action('wp_footer', 'ava_new_custom_script_masonry');
function ava_new_custom_script_masonry(){
?>
<script type="text/javascript">
(function($) {
    function a() {
        $(window).trigger('resize');
    }

    a();

    $(window).on('debouncedresize av-height-change', function() {
        setTimeout( a(), 300 );
    });
})(jQuery);
</script>
<?php
}

    OR decrease the number of items in the page then optimize the images: http://kriesi.at/archives/4-key-wordpress-image-optimization-tips

    Cheers!
    Ismael

    July 15, 2016 at 5:15 pm #661443
    charger70

    hey ismael – just an FYI, that script broke the site and i had to load a fresh functions.php file up.

    but you’re right – decreasing the number of images loaded per load helps! thank you!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry image load more overlapping images / jumbled’ is closed to new replies.