Header image placeholder

[Rafał]

Hello. After importing the “marketer” layout my picture in the header stopped displaying the placeholder before loading it so now I have a layout shift. Before, when I didn’t use premium, everything worked well. I cleaned out the cache.

For placeholder, I am using LiteSpeed plugin.

All other images work fine and show placeholders.

Do you have any idea why only the header image does not work and do not show placeholder before loaded?

[David]

Hi there,

we recommend you exclude lazyloading of the Logo as it is the first image to be seen.
If thats not an option then give the Header a min height with this CSS:

.site-header {
    min-height: 210px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rafał]

I exclude the header image from lazy loading – problem solved.

Thank you 🙂

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts