-
Hi support team,
I’m experiencing a visual issue on my website.
In my header I’m using a custom logo placed inside a GenerateBlocks element. However, when I visit the site and click on the logo, a grey square briefly appears behind it. This seems to be the default theme logo placeholder flashing before my custom logo is rendered.
Could you check what is causing this fallback logo container to appear, and advise how I can disable or hide it on your hosting environment?I’ve attached a short video in the private information section that shows the issue clearly.
Thanks in advance for your help.Kind regards,
Arno -
Hi Arno,
The grey flash you’re seeing is caused by LiteSpeed Cache’s lazy loading. Looking at your header markup, the logo image is being processed by LiteSpeed’s lazy loader — it initially replaces the image source with a placeholder and then swaps in the real image via JavaScript. That brief moment before the script runs is what causes the grey square to appear.
Since your logo is in the header and always visible above the fold, it shouldn’t be lazy loaded at all. To fix this, go to LiteSpeed Cache > Settings > Media > Lazy Load Images Excludes and add one of the following:
- The image class:
gb-media-a28026c8 - Or the image path:
/wp-content/uploads/Roze50.svg
After saving, make sure to purge the LiteSpeed cache so the change takes effect.
- The image class:
-
Hi George,
Thanks for the help. Your clarification solved the issue.
Kind regards,
Arno -
No problem!
- You must be logged in to reply to this topic.