Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 25, 2015 at 9:50 am #385064
    johnlaunstein

    Hi – I did search past threads and noted others have had this problem but did not find a solution. I have a photography site that currently utilizes masonry galleries on many of the pages. Many times when I (or clients) visit theses pages several images in the masonry gallery stack on top of each other. If you refresh the page, it resolves 100% of the time.

    I have witnessed this problem on chrome, IE 9, android browser and chrome for both phone and tablet, safari, and chrome for iPhone/iPad. So pretty much completely across the board. Of course it doesn’t happen 100% of the time, but it happens WAY too often for me to continue using the masonry galleries if they are making me look bad! :(

    I have updated to the latest version of WordPress and Enfold.

    You could probably go to any of my galleries and witness this behavior, but two that I often see it show up on are:
    http://www.launsteinimagery.com/galleries/mammals/bears/
    http://www.launsteinimagery.com/galleries/mammals/coyotes-foxes/

    I noted a comment from a moderator on an earlier thread suggesting W3 Total Cache as something that might help in speeding up page loads which could address this. Any suggestions or fixes?

    Also, does Enfold have a way to place social sharing buttons below images or pages yet, or still only for bog posts?

    Many thanks,

    John

    January 26, 2015 at 4:08 pm #385522
    chrisknittel

    I have the same issue! Would be great with a solution since I really would like to use the masonry gallery feature.

    January 27, 2015 at 6:21 pm #386469
    Andy

    Hey!

    right now you are using Enfold v 3.0.4. Please update to the newest version 3.0.7. However I think there might be a conflict with a plugin, so please deactivate all of them and afterwards clear your browser cache.

    Best regards,
    Andy

    January 27, 2015 at 10:03 pm #386627
    johnlaunstein

    Hi Andy – thank you for your response, but I have had the issue since building my first masonry gallery in November and have updated Enfold twice since then. Further, I had NO plugins whatsoever on the site until last week…was just running pure Enfold/WordPress. So I’m 99.something% sure neither of these suggestions point to the issue. I’ve had friends from around North America mention the issue to me since we launched the site in November. I upgraded my hosting package to a WordPress hosting plan which promised faster load times earlier this month and find the problem to be less prevalent, but it still happens regularly.

    Do you have any other thoughts?

    I had an Enfold update alert when I logged in on Sunday and performed the update then so I’m surprised to hear I’m not current at the moment, but again the issue has been present from the beginning and consistent through three Enfold updates.

    Thank you!

    January 29, 2015 at 7:38 am #387550
    Josue

    Hi,

    Try adding this at the very end of your theme / child theme 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');

    Regards,
    Josue

    February 3, 2015 at 2:55 pm #390096
    chrisknittel

    Did not fix the issue for me!

    February 3, 2015 at 3:01 pm #390099
    chrisknittel

    Sorry, plugin that was the cause!

    February 3, 2015 at 3:04 pm #390101
    chrisknittel

    My issue for those who are wondering was that I had set Lazy Loading on images in my caching plugin (wp-rocket) but I would guess it’s the same with any plugin.

    February 3, 2015 at 3:12 pm #390104
    Yigit

    Hi!


    @chrisknittel     Glad Josue could help! We will keep the thread open for the OP. If you have any questions or issues, please feel free to start a new thread

    Cheers!
    Yigit

    February 10, 2018 at 8:32 pm #910635
    Ricarda88

    Hi!
    I still have issues with the gallery. The images are always overlapping.
    I updated the theme and deactivated all of the plugins.
    Especially when I click “load more”, images start to place over another.
    Do you have an idea how to fix that?

    Thank,
    Ricarda

    February 12, 2018 at 10:25 am #910984
    Victoria

    Hi Ricarda,

    Looks ok on my end. Could you please clear the cache, check again and get back to us.
    Can you please attach some screenshots if the issue persists after clearing the cache.

    Best regards,
    Victoria

    February 12, 2018 at 11:35 am #911030
    Ricarda88

    Hi Victoria,
    Thanks for your answer.

    Here are some Screenshots of the mobile version.

    http://www.hindernisbauschultz.de/wp-content/uploads/2018/02/WhatsApp-Image-2018-02-12-at-10.03.07.jpeg
    http://www.hindernisbauschultz.de/wp-content/uploads/2018/02/WhatsApp-Image-2018-02-12-at-10.03.08-1.jpeg
    http://www.hindernisbauschultz.de/wp-content/uploads/2018/02/WhatsApp-Image-2018-02-12-at-10.03.08.jpeg

    Kind regards,
    Ricarda

    February 13, 2018 at 3:56 am #911462
    Ismael

    Hi,

    Thank you for the update.

    Please add this code in the functions.php file.

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

    Best regards,
    Ismael

    February 13, 2018 at 11:55 am #911638
    Ricarda88

    Thank you Ismael!
    That worked!

    February 13, 2018 at 2:43 pm #911706
    Victoria

    Hi Ricarda88,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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