Can I have a separate color for mobile header?

I want the header color on desktop devices to be in white and i would like to have it in black on mobile devices. Is this possible? If I change the header background color in the header builder it is changing the color for both the devices

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.mobile-nav .woodmart-search-form{
background:yellow;
}
body .searchform .searchsubmit {
    color: red;
}
body .mobile-nav-tabs li.active {
    background-color: orange;
    color: red;
}
.mobile-nav-tabs li {
    color: red;
    background-color: olive;
}
body .site-mobile-menu li.current-menu-item>a{
color:blue;
background-color: orange;
}
body .site-mobile-menu li a {
    color: red;
    background:yellow;
}
body .site-mobile-menu li.opener-page>a, 
body .site-mobile-menu li:active>a {
    background-color: orange;
	   color:red;
}
body .site-mobile-menu .icon-sub-menu.up-icon{
    color: red;
    background-color: olive;
}

Please set your colors.
Best Regards

[Author]

Posts