Bricks Version: 1.5.7
Browser: Chrome 107
OS: macOS
Just outlining the setup:
I built an overlay menu that is initially hidden.
It is loaded using a template short code because I use it in different headers.
The issue is that it is initially set to display none and gets enabled by user interaction (some JS).
All images in that layer are not loaded and are missing. Only now do I realize that it would be lazy loader not fetching them and they are basically forgotten somehow.
Hi Max,
Thanks so much for your report.
Without a concrete example (including code), unfortunately, I can not say anything about the issue.
Can you provide a link and/or a detailed video explaining the issue?
Best regards,
timmse
Here is my layer setup:
⓵ Is my header structure
⓶ Is my full page menu (I have it in a template as I reuse it in different header setups)
Short code ② is a bricks template:
[bricks_template id="871"]
CSS on the short code ② is (hidding the fullpageMenu contained in the template):
root .fullPageMenu { display: none; }
This leads to a situation with Lazy loading enabled… that regular images in the embedded template don’t load anymore. Background images still do, as they don’t seem to be lazy loaded anyway.
Hi Max,
What happens if you add the loading=“eager” attribute to the image(s)? That should solve the problem. In Bricks 1.6 it will also be possible to apply the attribute to background images.
Best regards,
timmse
