Logo on cell phone in horizontal position becomes a stipe across the page. I need to not have the stripe across the top of the page, only the logo.
I have tried this but it didn't affect the logo on cell phone:
@media only screen and ( max-width: 767px ) {
h1.logo a {
background-size: 200px auto;
}}