I am trying to: show a image gallery based on a custom field. Gallery shows on front end however, when you click to view in lightbox is where the problems are.
Post type: Photo Galleries
Custom field: Photo Gallery
Content Template: Template for Photo Gallery.
Link to a page where the issue can be seen: hidden link
I expected to see: when viewing picture in lightbox, a gallery with one close button. Also for the image to stay in the same place when clicking to view next. Not pushing the image box down each time you click the arrow.
Instead, I got: when viewing picture in lightbox, it shows numerous close buttons and each time you view a new picture it pushes the image down further on the page.
I cleared cache, same issue. Looked in incognito, same issue. Looked on a different computer that has never visited the site before, same issue. Looked on a different browser, same issue. Same issue on Safari and Firefox.
It's still working correctly at this end, this link: hidden link
So I asked a couple of colleagues to check, the first of whom for which it also works as expected, while for the second it displays the same weirdness you describe. There aren't any errors in the console to account for the behaviour.
Can I suggest you try disabling any server-level caching you have operative, and test again.
If that doesn't help, try disabling any optimisation plugins you have active, and test again.
That sounds right. The masonry layout is for when you have content that are sized differently, to avoid the gaps that would appear with a conventional grid layout.