Hi. This issue is driving me crazy so any thoughts are appreciated!
When a page first loads, the white of the header is initially larger, then it shrinks back to the correct size once the logo image loads. This is causing CLS issues.
The site is https://steelbuildingskit.com and it’s using the BB pro builder and BB theme.
The problem seems to be with the spacing that’s allocated for an image since I’ve tried different images of all different sizes and the same thing happens. When I switch to a text logo, the issue goes away.
Things tried so far:
Changing the logo image size, adding/removing separate sized logos for retina etc. didn’t make a difference unless I told it to use no logo, in which case there was no shift.
Removing WP Rocket lazyloading /caching (I disabled the plugin all together). Didn’t help.
Switching from the BB child theme to just the core BB theme in case it was a customization issue.
Removing all custom CSS
Changing the header layout to other formats. Issue persists in all so long as there’s an image logo.
Removing the copy/button on the right. No change.
It definitely seems to be the logo image since changing to text instead of an image fixes it instantly. I can’t think of why this would be though.
Any thoughts on what’s going on here?
Thank you very much!