Header color on mobile view

Try editing your CSS to this:

@media (max-width: 768px) {
    body:not(.home) .main-navigation {
        background-color: #492b11;
    }
}

Let me know.

Hey

That worked great! Now how do I achieve the same effect on the Our Brands page?

I tried adding the same code and targeting the page id, but no go :(

@media (max-width: 768px) {
    body:not(.page-id-657) .main-navigation {
        background-color: #492b11;
    }
}

Hi Larry,

if you want to exclude the color from home and brands then we can combine the code Leo provided like so:

@media (max-width: 768px) {
    body:not(.home):not(.page-id-657) .main-navigation {
        background-color: #492b11;
    }
}

Wonderful!

Thanks for your help, your theme has been great to work with and your support forum has been a very valuable resource :)

Thanks!