Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 22, 2018 at 2:29 pm #976359
    shaevy

    I have two different problems regarding the masonry gallery. Maybe someone has some ideas on how to solve those problems.

    Thanks.

    • This topic was modified 6 years, 5 months ago by shaevy.
    June 23, 2018 at 10:13 am #976865
    Nikko

    Hey shaevy,

    Can you try to disable css/js merging and compression in Enfold > Performance? flush out the cache and try to disable all plugins temporarily then check if the issue still persists.
    Let us know if this helps, if not please give us permission to disable plugins temporarily and give us ftp access as well so we can try to debug.

    Best regards,
    Nikko

    June 25, 2018 at 3:03 pm #977525
    shaevy

    Hi,

    I was able to resolve the first problem. (it had nothing to do with the mazonry gallery but with a slider element that changed size in accordance to the viewed image size.

    I could however not resolve the second problem. I have now deactivated all plugins except for “Members” and “Widget Logic” which I cannot deactivate because this would expose internal documents to the public. ->No change at all.

    Best regards,
    Niki

    June 26, 2018 at 4:06 pm #977990
    Victoria

    Hi Niki,

    Can you please explain a bit more which issue remains? I could not check the screenshot, it’s not public on the Google drive.

    Best regards,
    Victoria

    June 26, 2018 at 4:09 pm #977991
    shaevy

    Hi Victoria,

    I am sorry, I didnot realize the images weren’t public. Here you go: https://drive.google.com/open?id=1CNNwBhpl3LesRmlzeBX7dDfgedaJ0OTS

    Niki

    June 26, 2018 at 7:19 pm #978092
    Victoria

    Hi Niki,

    I disabled the JavaScript merging and the errors are gone. Please check if it is working now.

    Best regards,
    Victoria

    June 26, 2018 at 8:37 pm #978131
    shaevy

    Hi Victoria,
    The problem is still present. You have to have the masonry gallery in your view before the images are loaded for the problem to appear. (Therefore it only appears the first time the page is being loaded due to browser caching.) The alignment problem is however gone after resising the browser window.

    I am using Google Chrome on Windows 10. The problem does not seem to appear in Edge.

    Niki

    • This reply was modified 6 years, 5 months ago by shaevy.
    July 3, 2018 at 8:53 pm #980752
    Victoria

    Hi Niki,

    I’ll ask my colleague to check on the Windows machine.

    Best regards,
    Victoria

    July 4, 2018 at 9:50 pm #981352
    Mike

    Hi,
    I have taken a look and I find that on first load or hard refresh the images are loading slowly because there are so many of them, after the element has been created, which gets it’s height from the images.
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    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);
		}, 5000);
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Mike

    July 4, 2018 at 9:58 pm #981353
    shaevy

    Thanks. It seems to work a little better now.

    July 6, 2018 at 12:49 am #981777
    Mike

    Hi,
    Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

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