I’m wracking my brain with this one and don’t know what to do. I think I know what the issue is, but I’m not sure how to fix it. When visiting my gallery pages, the images shown don’t tile (masonry-style) nicely until the browser window is resized even just a tiny bit.
What I’m pretty sure is happening is that the gallery itself is loading before all of my images are done loading, so it lays them out using the wrong number of images. How can I fix it so that my galleries don’t look awkward from the get-go?
If it helps, the code for the page looks like this:
<div class=”col-md-12 col-xs-12 col-sm-12″>
[gallery targetsize=”full” captions=”hide” bottomspace=”ten” gutterwidth=”10″ link=”file” size=”large” ids=”171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,197,188,189,190,196,191,192,193,194,195,198″]
Thank you in advance for any help, I would really appreciate it.
To see the issue in question, try this page:
Sorry for the problem with the gallery not displaying the grid properly. This is a result of the page not being immediately identified at a certain size, so the gallery only displays two columns to start. When I change the size of the screen or take it down from full page, it immediately fills. This may be a CSS or coding issue, I’m not sure. I am sending the issue to a developer to see if there’s anything they can do to fix the problem immediately. Sorry for the delay!
Apparently, you were contacted by one of the developers before. He identified the problem as a bug in the code. Something that would not be immediately fixed. Here is his response if you have not seen it as yet:
I am sorry to hear that there are some problems with the masonry gallery on your website, I know how frustrating it can be when something doesn’t work as expected.
There is currently a known bug with the masonry gallery feature in our gallery plugin that is causing the incorrect number of columns to display when the content is loaded ‘above the fold’ on a website. We are working on getting this bug fixed, but for now the only solution is to place additional content above the gallery to push it further down the page. This way the masonry gallery will display your images in the correct number of columns.
We apologize for any inconvenience this has caused you and we hope to release a fix in an upcoming release. Please let us know if there is anything else that we can do to assist you, we are always happy to help!
Apologies that we couldn’t help resolve the problem immediately. Let us know if you have any further questions on the issue please let us know.