Hello I set up the article thread in masonry. On some items, I notice a big space between the block and the one below. By resizing the window of my browser, I see that at one point, the space is reduced and everything is back to normal. What is the problem ? thank you in advance
I tried to replicate this issue on my local installation, but everything seems to be working fine at my end. All masonry items align properly. Can you share an admin username and password for your WordPress installation in a private reply, so I can try to debug the issue on your site?
I logged in and poked around the backend a bit and this is what I found:
The Smush plugin's lazy loading feature is causing the issues. When I turned off the lazy loading completly, those issues were instantly gone.
From a technical perspective, I think the problem is that the masonry loads first and after it is loaded, the images load. But since there is no resize event fired by the Smush lazy loading plugin after the images are loaded, the masonry doesn't repair the layout with the new posts dimensions. To simplify, masonry script doesn't know the dimensions of posts have changed.
I turned the plugin back on and checked its settings. To fix it, I simply turned on the native lazy loading instead of the Smush default one:
Now it seems to be working fine. Please check and confirm the issue resolved and let me know if the solution works for you.
Hello
I set up the article thread in masonry. On some items, I notice a big space between the block and the one below. By resizing the window of my browser, I see that at one point, the space is reduced and everything is back to normal.
What is the problem ?
thank you in advance
Hi,
Please share an url to your page with the masonry. I want to check it in the browser, so I can see what is going on with it.
Kind regards,
Andrej
OrionThemes
Hi.
Please find the url : https://origem-blog.webcaruel.fr/
Thanks by advance
Hi,
It can be a script minification issue.
Can you temporarily disable any javascript minification/optimization to see if this resolves the issue?
Kind regards,
Andrej
OrionThemes
Thanks.
I have disabled WP Cache who minify CSS. But the problem is still here
Hi,
I tried to replicate this issue on my local installation, but everything seems to be working fine at my end. All masonry items align properly.
Can you share an admin username and password for your WordPress installation in a private reply, so I can try to debug the issue on your site?
Kind regards,
Andrej
OrionThemes
Hi,
I logged in and poked around the backend a bit and this is what I found:
The Smush plugin's lazy loading feature is causing the issues. When I turned off the lazy loading completly, those issues were instantly gone.
From a technical perspective, I think the problem is that the masonry loads first and after it is loaded, the images load. But since there is no resize event fired by the Smush lazy loading plugin after the images are loaded, the masonry doesn't repair the layout with the new posts dimensions. To simplify, masonry script doesn't know the dimensions of posts have changed.
I turned the plugin back on and checked its settings. To fix it, I simply turned on the native lazy loading instead of the Smush default one:
Now it seems to be working fine. Please check and confirm the issue resolved and let me know if the solution works for you.
Kind regards,
Andrej
OrionThemes
Thank you very much for your intervention!
It's perfect
Have a good day
Great,
I am glad, I was able to help.
Andrej
OrionThemes