[Resolved] Header color on mobile view

[Leo]

Try editing your CSS to this:

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

Let me know.

[Larry]

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;
    }
}

[David]

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;
    }
}

[Larry]

Wonderful!

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

Thanks!

[Author]

Posts