Page 1 of 1

Mobile and Mansory

Posted: 06 Nov 2020, 23:23
by 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.

Re: Mobile and Mansory

Posted: 08 Nov 2020, 13:25
by 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

Re: Mobile and Mansory

Posted: 14 Nov 2020, 13:23
by 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?

Re: Mobile and Mansory

Posted: 17 Nov 2020, 17:13
by 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

Re: Mobile and Mansory

Posted: 20 Nov 2020, 23:02
by borja
Could you see sth? I sent you a private message with my problem. thank you

Re: Mobile and Mansory

Posted: 21 Nov 2020, 17:47
by 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. :idea: 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 :idea: :-(

Jan

Re: Mobile and Mansory

Posted: 21 Nov 2020, 23:08
by 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>

Re: Mobile and Mansory

Posted: 25 Nov 2020, 18:17
by Jan
Ok, thank your for this info. I will take a look at it for next version.

Jan