Header not responsive

I just installed the child theme for the Storefront theme, Boutique.. I’ve uploaded a header which according to the info should be 1950 x 500. That did not work as it appeared way too large. I decreased the height to 250 and made some changes to my image size. The header is not responsive. I even tried just hiding the deader for smaller size but it did not work. Below is the code I used. I reeady don’t want to hide it though, but would lke it to be responsive. Any thoughts?

@media screen and (max-width:600px){
    header.site-header {
        background: transparent !important;
    }
}

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This topic was modified 7 years, 11 months ago by bdbrown.
• This topic was modified 7 years, 11 months ago by bdbrown.