Header image stretched on mobile

Hi, sosouthsea

Thanks for contacting us!

To do this, Go to Appearance >> Customize >> Additional CSS and add the below given custom CSS code:

@media only screen and (max-width: 480px) {
     .wp-custom-header img {
         height: 180px !important;
     }
}

I hope it will work for you!

Thanks

I changed the height slightly, otherwise it worked a treat thank you so much! ??

Hi,

Glad to help you!

If you like our Theme & Support, rate us HERE.

Thanks

I’ve noticed since I’ve used this CSS that the header image doesn’t fit the homepage on a PC – is there a way round this? Thanks in advance.

For PC header image, add the below given custom CSS code:

@media only screen and (min-width: 1100px) {
     .wp-custom-header img {
         width: 100% !important;
     }
}

Never post multiple queries in a single thread it creates complexity, you can start a new discussion for further queries.