Remove Header Background from Mobile.

I would like to put the header background, only for desktop and when it is mobile leave blank with the logo centralized. Can you help me? Theme NativeChurch

You can use CSS:

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

Did not work. There was still the background image in the header.
I wish the Header Background did not show the image on mobile devices.

Here’s how it is. I want you to just go blank.

Css for you:

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

WOW! Very good! Thank you very much!!!