Hi there,
Could you give the following CSS a try? This will set the size of your header image to its actual size:
.site-branding {
background-size: contain;
}
Let me know if that works out for you!
Perfect! You know where to find us if anything else comes up.
I have a custom header image for my site and it won’t resize when viewed on a tablet or mobile. The header image is cut off on both sides because it is too wide but the image is the recommended minimum size. @siobhyb do you know a way i can fix this? HELP!
@sherdrainj: Since Sela is designed for a large custom header, which is used as a background image, edges of the image may indeed get cropped on smaller screen sizes. Custom headers that work best in this type of theme are more flexible, decorative or abstract, so they can handle this sort of cropping.
As an alternative, I recommend uploading the image as a logo to your site. Logos won’t be cropped at smaller widths.
If you have extra questions around that then please start a new thread on this forum. You can do that here:
https://wordpress.org/support/theme/sela#new-post
It’s easier for us to keep track of different questions if they’re kept to separate threads and also prevents the original poster from receiving unnecessary email notifications.
