Masonry layout problem with safari

Can you provide me with a URL?

Hi @sayontan. Thanks for your fast reply. Here you can see it:

https://santisimatrinidadmalaga.es/fiesta-santisima-trinidad-2018/

Thank you very much! ??

This looks like a problem from “Elementor” – the element that you are using (“Elementor shortcode”?) is not getting resized in Safari after the content gets rendered.

Can you use the shortcode directly in your post, without using a custom Elementor element?

I was using it with “Elementor shortcode”. Now I have put the code using “Elementor Text

I have use the shortcode inside a normal text, but still an Elementor element… because the page is made with elementor…

Using “random” layout it works perfectly.

I don’t have a Mac, so this is a bit harder for me to troubleshoot.

Can you try this? For the button that says “Fotos Actividades”, can you put it in the same Elementor element as Photonic? If it shows up right under the gallery without a white-space, it might be something to report to Elementor as a problem. If it shows up with a white-space between the gallery and the button, then we can investigate further.

Thanks for your help but it appears the same. It may be something with Elementor. I will use “random” layout that it works ok. Thanks for your time, and agagin, contratulations for your wonderful plugin.

Hi again, Sayontan (@sayontan).
I have realised right now that there is the same problem with safari in your website:

https://aquoid.com/plugins/photonic/layouts/

I see a huge blank space after masonry layoutu using picasa. Just to let people using the plugin that their galleries will have problem when using “masonry” in safari.

Thanks and I wish the problem is solved in future.

Yep, same problem for me on Safari. Big gap after the mosaic gallery. I’m seeing it on your website too as mentioned by Romiri. I’m not using the Elementor plugin. Romiri, I notice you don’t seem to have the problem on your site anymore, did you manage to find a fix?

Thanks.

I managed to fix it for me by adding:

jQuery('#photonic-flickr-stream-1').css('display', 'block');

Thank you for the input. I will take a look to see how this can be managed.

I have fixed this in version 2.19.

@sayontan @dobbler31 Thanks a lot!!!! ??

@sayontan Sorry but the problem is not solved… still huge blank space under when ussing masonry with Safari…

@dobbler31 I didn’t fixed it. I just changed from masonry to random gallery style.
I would like to try you code “jQuery(‘#photonic-flickr-stream-1’).css(‘display’, ‘block’);”
Where do I have to paste that code? Thanks a lot ??

Just put it in a doc ready script block in the footer on the page with the Gallery. Make sure your selector is right (#photonic-flickr-stream-1):

jQuery( document ).ready(function( $ ) {
   jQuery('#photonic-flickr-stream-1').css('display', 'block');
});

Still working fine for me.

Cheers