Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 12, 2019 at 4:29 pm #1156037
    CurlyHost

    Check out https://www.circlepinescenter.org/media/ – the entire media library overlaps for me until I move my browser in and out. I’m not sure what is happening but that weird overlapping happens throughout the site. What do you suggest?

    November 13, 2019 at 4:43 pm #1156437
    CurlyHost

    Here’s another page – https://www.circlepinescenter.org/summer-camp-retreat-center/camp-gallery/

    November 14, 2019 at 6:24 am #1156664
    Ismael

    Hi,

    Thank you for the inquiry.

    This is an issue with the isotope script used in the masonry element. The grid requires a window resize event in order to correct the items’ position. Adding the following script in the functions.php file should help.

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

    Best regards,
    Ismael

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