Frontpage Logo Discrepancy


Every other time we refresh our homepage on mobile, the logo (upper left corner) and the featured background image are distorted (stretched out vertically), but then we refresh, it appears correct. Changing the size (in pixels) in the customizer doesn’t help. Any guesses as to why this is behaving this way? Thank you.


Good morning and thank you for question

Sorry, but why i can’t see this problem? can you please attach a screenshot? or, how can I replicate it?

For us it’s happening in Safari on iPhone… regardless of the model or screen aspect ratio.

The first picture I attached is what happened when I loaded the site (correct) but when I refresh, it looks like the second picture. Sometimes it’s the other way around.

Photos didn’t upload the first time; here they are.

hey there

Ok, Please add this CSS in appearance - customize - additional CSS

#header .header-logo-img {
height: 100%;

Colorlib Support Team

This worked. Thank you!

You are welcome :slight_smile:

let me know if you need anything else