Hello!
I am using a modified version of the Snaps theme, and I am having troubles getting my header image to display correctly on mobile devices.
On desktops and laptops and full-sized resolution monitors, the image displays great. (it's 1200 x 500)
But when I try to tweak the header.php file or the style.css file to have it resize for mobile devices, I am running into troubles.
As of now, I have it set so the image will change width size to the window size, but I end up with really ugly bars on the top and the bottom of the header image. I know I need to change my #masthead height, I just can't figure out where and how to do it.
I have tried many different css hacks, and I have found this issue expressed explicitly for the Snaps theme - https://wordpress.org/support/topic/not-responsive-header?replies=4 - but I am a lot a loss for fixes and ideas.
Can anyone please assist? I am familiar with the @media command, just don't know where to use it here.
Thank you!!!