Masonry Gallery layouts worse after publishing compared to Preview

Hi Elliott,

sure: hellhof-kronberg.de

Cheers,
Florian

Dear Elliott,

thanks, but my question was how it can be that the same (as in identical) page renders differently when I preview it in WordPress vs. I publish it. The version I get when published renders the elements worse (= seems to have a bug in the flexible arrangement of the images) compared to the version you get when previewed. That’s what I tried to illustrate in my screenshots. I assure you I haven’t changed anything between the preview and published version, including the browser window size, etc.

Thanks,
Florian

Hi Elliott,

is that worth a bug? Because the possible extra elements or CSS render the flexible masonry with some problems. The preview doesn’t. I’ve marked the “problematic” area in this screenshot:

https://dl.dropboxusercontent.com/u/66698/masonry-gallery-published-markup.png

If it’s not something you want to pursue, you can close this thread.

Thanks,
Florian

Hi Andy, thanks for your suggestion, but I’d rather not resort to manually moving around masonry items with negative margins, because it doesn’t work easily with responsive websites and also I’d have to change it every time I change the gallery contents. That’s basically what I’ve got Enfold for – to automatically layout this stuff.

Are you guys able to open dropbox links I post here? Then here’s the “good” layout done by the preview again:

https://dl.dropboxusercontent.com/u/66698/masonry-gallery-preview.png

If you can’t open them, please let me know how I can send you screenshots.

(note the sevenths element arranged right beneath the fourth – that’s the point where the preview of the page and published version differ. It also results in the last image being moved to the right in the published version)

Thank you very much!
Florian

Hi Andy,

no problem, I just wanted to let you know of a strange behaviour of your theme that to me looks like a bug. This behaviour of rendering differently in preview vs. published version of the same page for me is consistent and reproducible. I can’t explain that extra space above the seventh image in my gallery (see https://dl.dropboxusercontent.com/u/66698/masonry-gallery-published-markup.png again) and I would say that’s not how a flexible masonry is supposed to work.

But anyway, I just wanted an answer if you’re planning to fix this or not and I guess I got it already and I will just try to find an order of images that works better.

Thanks for your time,
Florian

Hey,

I have no layout-related plugins activated (just Yoast SEO and UpdraftPlus) and the problem remains after clearing browser caches and refreshing. It also happens in different browsers (Safari and Firefox tested).

Regards,
Florian

Hey Andy,

sure, pls find the credentials attached as private content.

Cheers,
Florian

Thanks Andy!