Masonry.js grid glitching

Dear Friends,

I have implemented this masonry.js grid on my site:

But unfortunately, it’s glitching – all the images are appearing on top of each another in a little bundle.
Anyone have any insights?

Thanks in anticipation,


not fine:

Here is my site Read-Only:
(how to share your site Read-Only link)

Hey so has anyone been able to have any thoughts on this? I’m like really stuck over here :grimacing:

Add live URL (The custom code works only under publish url) + Page name + Where you put the custom code? (Looks empty under page setting for film)

This is the Page siton!

Inspect the page and you’ll see that there’s more than 1 page in there

Again - in this page no masonry (One image in the center).
Please be more clear.

1 Like

That’s what got me confused as well. I didn’t see any custom code for Masonry in what seems to be any of the pages.

1 Like

hi! If you check out any of the pages under photography, there are 2 tabs, one with a main image and one with thumbnails. The thumbnails is where the masonry grid is :slight_smile:

Well, when you resize the page after clicking on show thumbs, things work…

I’ll have a look at it after lunch.

Yeah I know, weird right? Thank you so much for taking a look!!!

Here you go:

Just copy this. Take the css and the script from ‘Home’ and name the DIV blocks like here. That should work. Add padding 1.5% to your image, and then you should be all set.

1 Like

you may consider creating a masonary grid without JS/Jquery… all you have to do is add “Text Columns” to your “gallery items” and then set them to 100% width - you will get a perfect masonry grid without JS and all portraight/landscape photos will look as they should - and you can control all of it…

Thanks for this @ToreSBentsen ! Unfortunately once implemented, the whole width was very narrow, and the masonry stacking wasn’t working… I could have been doing it all wrong, but unfortunately short of time, so I went for @IVG’s solution.
Thank you friends for you input and help, so so much appreciated.