Remove Header Background from Mobile.

Envato Customers Looking For
1

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

2

You can use CSS:

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

3

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.

Screenshot_20171107-082814
Screenshot_20171107-082814.jpg720×1280 135 KB

4

Css for you:

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

5

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