Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 19, 2015 at 8:14 pm #446676
    hostadmin

    Hello!

    I am having an issue with my child enfold theme. I have two masonry galleries on the homepage. The first one works great, but the second one is not visible on page load. What’s strange is then when I either resize browser window, quickly scroll down on load or open inspect element in chrome, the second gallery is visible.

    I’ve tried a bunch of css tweaks but nothing seems to work! any help would be greatly appreciated!

    May 20, 2015 at 3:47 pm #447195
    Cloud Construct

    I too have this issue. If adding more than one masonry gallery to a page, only the first one shows.
    I tried adding ID’s to each one to no avail.

    May 20, 2015 at 3:51 pm #447199
    Yigit

    Hi!

    Which browser and OS are you using? I checked your website and it did load both elements on initial load on my end.

    Cheers!
    Yigit

    May 20, 2015 at 3:58 pm #447206
    Cloud Construct

    It’s working now I’ve removed pagination from the first gallery. I was viewing page 2 or 3 of 3 and that seemed to prevent the other galleries showing.

    May 20, 2015 at 4:00 pm #447209
    hostadmin

    Hi Yigit,

    Thanks for the reply! I ended up adding the CSS class .av-masonry .av-js-disabled a {visibility: visible!important; opacity: 1!important;} as a temp fix. But it does a strange thing where it loads and then loads again. IF you’d like I can remove that class so you can see the problem.

    Seems like what is happening is the second gallery just doesn’t remove the av-js-disabled class

    May 21, 2015 at 6:03 pm #447895
    Andy

    Hey!

    hm right now it’s showing fine for me:

    But maybe it’s because of you custom CSS. Please provide us admin access so we can take a deeper look into the issue. Post login details here as private reply. Deactivate all plugins to check if one is causing this issue and let us know if this helps.

    Cheers!
    Andy

    May 21, 2015 at 6:33 pm #447917
    hostadmin
    This reply has been marked as private.
    May 23, 2015 at 6:35 am #448934
    Ismael

    Hi!

    The masonry section shows fine on first load. Try to add this at the very end of the functions.php file:

    function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$(this).trigger('resize');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    April 21, 2016 at 8:35 pm #619350
    jeffhd1ckey

    I am having the same issue with my sites. In the past few days, the Masonry galleries are all blank. Have changed pagination issues, disabled caching, etc…nothing works.

    April 21, 2016 at 9:08 pm #619366
    Basilis

    Hi!

    Have you tried Ismaels solution?
    Please do create a different ticket, with your credentials, so we can assist you as fast as possible.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.