Sometimes (but is getting quite common now), when a user refresh the page or enter the website for the first time, the Post Masonry Grid won't display correctly all the items, showing them one atop the other. This problem won't fix even with a refresh. The only way to fix it is to resize the browser width, allowing (i think) the Post Masonry Grid to calculate again its height or the height of the inner elements.
I'll attach some screens of the problem occured. Can you help us with this problem?
I understand your issue, the problem is that WPBakery Page Builder loads the items via a script which is being loaded after instead of being the first to load, there should be a place where you can turn off the animation completely.
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
I tried to replicate the issue again but it is not showing now, tested so many times but the layout seems to be working just fine now, can you please reply and let me know when it happens again.
We eperience again the problem as written before. The Grid doesn't show up at all in the homepage www.smth.it . I'll attach a screen showing this problem, that occur in desktop as well as other devices.
Let me now if you manage to fix it, we won't edit the website till your feedback.
Can you please make the user with super admin privileges, so I can see if the issue is happening only when logged in as admin as some plugins cache the other views except the admin and I need to check that, for your information I have tested your site and the grid is showing on two devices so that's why we need to do a deeper check.
now i can see the Grid as well. I can tell you that the problem occurs if logged and not, even with a device that never entered in the website. It's random and i think as you said before it's a problem with the loading of the .js file.
Since the issue is not a theme related issue we can't do much about it but you can give the provided script a try. If the issue persists, please reach out to WPBakery Page Builder support for further assistance.
My name is Tymon and I am a co-author of the Polish page which is based on your Kalium theme. https://nasi-bliscy.federacja-katyn.org.pl This mainly voluntary project is managing and creating by Federation of Katyn Families and supported by Polish Ministry of Culture and National Heritage.
In a long time I’ve been observing severe problems with running our page in Mozilla Firefox. Other popular browsers work fine.
I spot the same symptoms of overlapping images.
Thanks to your suggested script our difficulties have been reduced by 80%. I can say that majority of pages finally work properly. We have almost 400 independent subpages with Masonry Media Grid gallery so definitely it’s a burning issue.
Unfortunately your java script doesn’t work properly on all pages. Of course, subpages are created according to the same template and elements but some of them are longer then the rest – namely contain more text.
When the text, article is really long, the script doesn’t work and Masonry Grid gallery shows overlapping images still as it was without the script. We have plenty of long subpages…
Support from WPBakery is impossible. Their plugin is integrated with Kalium theme, we don’t have an individual license and according to them - support should be provided by theme author… Their verdict... Help us, please! :)
We offer one to one support and you have replied to a ticket that was created from another client. Kindly open a new ticket and post your request, so we can assist you. We’re glad to help you in your new thread.
Good Morning,
we are writing this ticket about a bug that occur in our website buildt using Kalium Theme.
We are using in the homepage (https://smth.it/) and category pages (i.e.: https://smth.it/digital-emotions/digital-content/) the Post Masonry Grid element.
Sometimes (but is getting quite common now), when a user refresh the page or enter the website for the first time, the Post Masonry Grid won't display correctly all the items, showing them one atop the other. This problem won't fix even with a refresh. The only way to fix it is to resize the browser width, allowing (i think) the Post Masonry Grid to calculate again its height or the height of the inner elements.
I'll attach some screens of the problem occured. Can you help us with this problem?
Thanks in advance,
Simtech
Attached files: image (28).png
image (27).png
Hi Simtech,
I understand your issue, the problem is that WPBakery Page Builder loads the items via a script which is being loaded after instead of being the first to load, there should be a place where you can turn off the animation completely.
Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
Best regards,
Laborator Team
Hi Simtech,
I tried to replicate the issue again but it is not showing now, tested so many times but the layout seems to be working just fine now, can you please reply and let me know when it happens again.
Best regards,
Laborator Team
Good Morning Art,
We eperience again the problem as written before. The Grid doesn't show up at all in the homepage www.smth.it . I'll attach a screen showing this problem, that occur in desktop as well as other devices.
Let me now if you manage to fix it, we won't edit the website till your feedback.
Thanks in advance,
Simtech
Attached files: no_grid_problem.png
Hi Simtech,
Can you please make the user with super admin privileges, so I can see if the issue is happening only when logged in as admin as some plugins cache the other views except the admin and I need to check that, for your information I have tested your site and the grid is showing on two devices so that's why we need to do a deeper check.
Best regards,
Laborator Team
Good Morning Art,
now i can see the Grid as well. I can tell you that the problem occurs if logged and not, even with a device that never entered in the website. It's random and i think as you said before it's a problem with the loading of the .js file.
Michele
Hi Michele,
Since the issue is not a theme related issue we can't do much about it but you can give the provided script a try. If the issue persists, please reach out to WPBakery Page Builder support for further assistance.
<script> jQuery( window ).on( 'grid:items:added', function() { function resizeWin() { window.dispatchEvent( new Event( 'resize' ) ); } resizeWin(); setTimeout( resizeWin, 100 ); } ); </script>You should add the script here:
Best regards,
Laborator Team
Dear Laborator Team!
My name is Tymon and I am a co-author of the Polish page which is based on your Kalium theme.
https://nasi-bliscy.federacja-katyn.org.pl
This mainly voluntary project is managing and creating by Federation of Katyn Families and supported by Polish Ministry of Culture and National Heritage.
In a long time I’ve been observing severe problems with running our page in Mozilla Firefox. Other popular browsers work fine.
I spot the same symptoms of overlapping images.
Thanks to your suggested script our difficulties have been reduced by 80%. I can say that majority of pages finally work properly. We have almost 400 independent subpages with Masonry Media Grid gallery so definitely it’s a burning issue.
Unfortunately your java script doesn’t work properly on all pages. Of course, subpages are created according to the same template and elements but some of them are longer then the rest – namely contain more text.
When the text, article is really long, the script doesn’t work and Masonry Grid gallery shows overlapping images still as it was without the script.
We have plenty of long subpages…
Support from WPBakery is impossible. Their plugin is integrated with Kalium theme, we don’t have an individual license and according to them - support should be provided by theme author… Their verdict...
Help us, please! :)
Look at my examples, please – attached files.
Example of problematic subpage:
https://nasi-bliscy.federacja-katyn.org.pl/portrety/ksiazek-jozef/
Example of properly working subpage:
https://nasi-bliscy.federacja-katyn.org.pl/portrety/probst-jozef/
Thank you in advance for your help!
Tymon
Attached files: Long page - gallery problem.jpg
Long page -Bottom of the subpage and footer.jpg
Short page - NO PROBLEMS.jpg
Hi Tymon,
We offer one to one support and you have replied to a ticket that was created from another client. Kindly open a new ticket and post your request, so we can assist you. We’re glad to help you in your new thread.
Will set this ticket as closed from here.
Best regards,
Laborator Team