It looks like you added that line in your custom CSS area? If so, then that’s probably why that’s happening. Since it’s not added inside a media query it’s applying the background color to the whole site rather than the mobile section (that’s where the issue is).
I was referring to replacing the code on line 2549 in your style.css file which currently looks like this –
.front-page .site-header {
background-color: #000;
}However, if you prefer to make adjustments in your Custom CSS area rather than editing the style.css you can do so by adding this to your custom CSS –
@media only screen and (max-width: 1023px) {
.front-page .site-header {
background-color: #3d586b;
}
}I just tested and was able to get this working on my end. Let me know if it works for you. If not, I can log in and do it for you if you want. Just let me know