Change header background colour on maobile

Hi guys,

I’ve been trying to figure out how I can change the background colour on the mobile version only.

One of my sites is due a redesign, I’ve redesigned the logo in Orange and black with a grey accent. I’ve set the main nav colours to the same colour configuration with the grey acting as the background colour for the nav and it looks great until you go to the mobile menu because part of the png logo is lost in the background of the main nav colour that’transferred over from the themes main nav colour scheme

Basically I want the main nav on desktop to be as it is (because the logo isn’t sat inside it, it’s great)but I’d like to change the nav colour on mobile only to white so the grey bits of my logo are visible again.

Many thanks

D

Hi

Try this css in theme panel > custom code > custom css to change tha background color for mobile menu: http://screencast.com/t/D2ieUCRlBOhj

@media(max-width: 768px){
.td-header-main-menu{
background-color: red;
}
}

Let me know how it goes and if this is not what you mean please provide your site url and more specific details about the part which you want to edit so I can inspect this and get back to you with the proper code.

Thanks!

Hi Andrei,

Thank you for the prompt reply. Your code worked like a charm.

Thank you very much for your continued support.

Best

D