Making WordPress Header Image Responsive

A number of custom themes allow for a custom header image. However, when viewed on mobiles and tablets, the header image does not resize.

To solve this problem add the following to style.css

.site-header { background-size: 100% 100% !important; }

It is best to do this via a child theme so that if your theme updates it doesn’t overwrite your code.

Leave a Reply

Your email address will not be published. Required fields are marked *