I have tried every variation of CSS I can think of and still cannot get the header image to be responsive. It cuts off both the right and left and only shows a middle chunk when on both iPhone and iPad devices.
I noticed the default text header sizes down to become responsive on mobile devices, but the custom image you upload in the theme's header settings does not.
I'd like to either get the header image to be responsive, or find an easy way to only show the text header when on mobile devices.
Can anyone help with this???