Here’s how you can solve, would you like me to fix it in staging so you can merge?
Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download at imagesloaded.desandro.com.
Initialize Masonry, then trigger layout after each image loads.
// init Masonry
var $grid = $('.grid').masonry({
// options...
});
// layout Masonry after each image loads
$grid.imagesLoaded().progress( function() {
$grid.masonry('layout');
});
Peter says:
This didn't work for me, I got back to Peter