[RebeccaRice]

I have added a custom logo and image to the header, and left the header text as empty.

I looks exactly how I want it to on desktop, but it distorts and looks awful when viewed on mobile.

The header depth also seems different on mobile as it shows a while band at the bottom of the image that isn’t there on desktop.

There doesn’t seem to be different settings for configuring mobile appearance vs. desktop – what can I do to fix this?

Website: www.getfletched.com

[Zed]

You have enabled the ‘keep header image aspect ratio’ option, however the image has a width/height ratio that doesn’t provide enough height on the smallest devices for the site title/tagline to still fit in. You need to either use a taller image or disable this option.

Also, please use this custom CSS to get rid of the white space beneath the image:

#branding, #bg_image { 
   display: block;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts