Masonry Gallery bug??

Resolved viennameijer
(@viennameijer)

9 years, 11 months ago

Hi,

A certain bug that appeared after one last update.
The bug I’m talking about is in the Masonry Gallery: http://enviragallery.com/demo/masonry-gallery-demo/
The demo looks like this on my Macbook Pro Retina, on all browsers: http://i.imgur.com/u3aJ6QI.png
As you can see: the first picture is out of proportion.
Also, the demo is terribly out of proportion on mobile screen: https://twitter.com/viennameijer/status/735919106529079296

On my hosted website, the bug looked worse than the demo: http://imgur.com/a/Ekx0Q

For now I (kind of) fixed the issue with a bit of CSS, but it still isn’t how a Masonry Gallery has to look like. (http://karenrensma.com/work/my-favorites/)
I would like to know what the status of this bug is or if there’s a solution.

https://ww.wp.xz.cn/plugins/envira-gallery-lite/

Viewing 3 replies - 1 through 3 (of 3 total)

akyusa01
(@akyusa01)

9 years, 11 months ago

Hi Vienna 🙂

To explain the mobile CSS (media queries, the CSS will fire and change everything to a single column when you get down to a certain screen size to make sure the images can be seen on the phone to their best ability rather than being small trying to fix several columns on a screen that is only 320px wide.

In looking at your link, your CSS will give you the results you want, but when you get down to the smaller screen sizes, you would need to re-adjust your CSS so that you can achieve the look you are wanting.

With the pro version of the plugin, there are some settings you can change to adjust this from the tabs of the gallery itself, but unfortunately those setting are only available through the pro version of the plugin.

I hope that helps 🙂

Thread Starter viennameijer
(@viennameijer)

9 years, 11 months ago

Hi, thanks for your explanation!

But I still don’t understand why the demo on the Envira Gallery website also looks weird. You would say that this ‘demo’ should look right, right? Therefore, I think it is a mistake in one last update they brought out.
Or does the demo look right in your browser?

Which specific settings should I need to change in the pro version to fix the problem?

akyusa01
(@akyusa01)

9 years, 11 months ago

Hi Vienna 🙂

The mobile you sent (via twitter link) displays the images in single column. If the image isn’t as wide to fit a full column, that’s part the image. it won’t stretch it to fit, so the portrait image is displayed with proportional width and height. This is expected. If it’s a landscape image, it generally will fill the whole space so it looks different to the landscape image.

Does that help?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Masonry Gallery bug??’ is closed to new replies.

Tags