Have mobile menu a different colour to desktop menu

Hi all,

Is it possible to have the mobile menu appear as a different colour to the desktop menu?

I’ve set the desktop menu to be black but have a certain level of opacity as it sits over an image, so on mobile it’s a gross grey colour.

The only mobile specific colour option I can find is the toggle colour

Screen Shot 2020-07-19 at 1.20.00 pm

Cheers,
Sheridan

Hello Sheridan, can you please provide a link to your website in order to let me check it?

You can use some link shortener if you don’t want to leave the link to your site in this topic.

Kind Regards, Roman.
aThemes Support

Hi Roman,

Please find link

Cheers,
Sheridan

Hello Sheridan, and thank you for the link.

You can add try to add this CSS code in the Customize → Additional CSS section:

@media (max-width: 1023px) {
    #masthead.site-header {
        position: absolute;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

This worked, thankyou!

1 Like

Great, you’re welcome!

Kind Regards, Roman.
aThemes Support