I’m having an issue on my website (www.frontporchrepublic.com) where the before the logo is loaded, the browser reserves too much room for it, and then when the image loads, all the page below the logo shifts up. I’m using header style 11, and have selected logo images of the size specified in the theme panel page. When I look at the html the browser loads, It has the width of the image in the html, but not the height. Is there a way to have the height in the html, or is there something else I am missing? Thanks.
Hello,
Seems the problem comes from autoptimize plugin => https://www.screencast.com/t/LWqZRXIu
please disable it and see if the problem persists.
Thank you!
Same issue here and I don´t use autoptimize. This problem is generating a large increase of CLS (viajeros30.com)
I tried disabling that plugin and clearing cache, but the problem persists. Any other ideas?
Hello,
Please make a test only with tagDiv plugins, clear all cache, and see if the problem persists.
Also, if the problem persists please remove the logo on the retina, if the problem is solved after that, try to add the same image for both the logo and the retina logo.
Let me know the results!
Thank you!
I removed the retina logo, and that fixed the problem. Thanks! Should I go ahead and add the same image in that slot? It seems to be working fine with no image specified there.
Hi,
Not necessarily, only if you want.
Thank you!
