Mobile and Mansory

[borja]

When the mobile is rotated, the mansory effect doesn´t work properly. I have to refresh the web. What can be wrong? i acan give privately my url.

[Jan]

Hi, hmmm, testing this site with mobile: https://www.phoca.cz/phocacartdemo/phoca-gallery - it is rearranged when rotating my mobile phone or tablet.

Whenk you take a loot into the dev console, is there some JS error on your site?

https://www.phoca.cz/documents/16-jooml ... -conflicts

Jan

[borja]

The only error now in the console is relaed to google analytics. and it is still not working properly. when the mobile moves from horizontal to vertical it works properly but when it moves from vertical to horizontal is not working properly.

what can be the error?

[Jan]

Hmmm, really hard to say, can you paste a screenshot of the problematic part? Doesn't it work completely or e.g. only partially?

Jan

[borja]

Could you see sth? I sent you a private message with my problem. thank you

[Jan]

Hi, I see now the screenshots, but really hard to say something clue form these screenshots. When you resize the last view (on screenshot 3) to full size, do you get the same problem, Masonry JS just tries with help of JS somehow react to screen changes but on the third screenshot, it seems like there is no place for displaying the images so it somehow tries to fit all of them to the small place. But really hard to say, I am not the developer of Masonry, so have no detailed information how it tries to fit the window size

Jan

[borja]

I think now it is working. I have added this parameter "isAnimated" to the javascript.

<script type="text/javascript">
window.onload = function() {
var wall = new Masonry( document.getElementById('pg-msnr-container'), {
isFitWidth: false,isAnimated: true
});
};
</script>

[Jan]

Ok, thank your for this info. I will take a look at it for next version.

Jan