Mobile menu color

Hello,

I’d like to know how to change the mobile menu color from black to another color. I can only change the menu categories, but not the color.

Thanks.

Hello,

Thank you very much for choosing our theme and contacting us.

The mobile menu color is changed by custom CSS. Please add this code to the Theme settings > custom CSS:

div.mobile-nav .sub-menu-dropdown ul:before {
    content: none;
}

div.mobile-nav,
div.mobile-nav .sub-menu-dropdown ul{
   background-color: #ffa98f;
}

div.mobile-nav ul li a,
div.mobile-nav .icon-sub-menu {
        border-color: rgba(255, 255, 255, 0.21);
}

div.mobile-nav ul li.current-menu-item>a {
    color: white;
}

div.mobile-nav ul li a:active {
        background-color: rgba(60, 60, 60, 0.09);
}

Best Regards

Hello Elise,

Thanks for the reply!
I tried your code and it worked nicely.
I want to invert the colors (being white background and pink letters), I tried the following, but I’m only missing to change the colors of the letters when not selected. Could you help me with that?

Thanks!

div.mobile-nav .sub-menu-dropdown ul:before {
    content: none;
}

div.mobile-nav,
div.mobile-nav .sub-menu-dropdown ul{
   background-color: #ffffff;
   color: #ffa990;
}

div.mobile-nav ul li a,
div.mobile-nav .icon-sub-menu {
        border-color: rgba(255, 169, 144, 1);
}

div.mobile-nav ul li.current-menu-item>a {
    color: #ffa990;
}

div.mobile-nav ul li a:active {
        background-color: rgba(255, 169, 144, 1);
}

Hello,

Please try to use this code:

.mobile-nav ul li a {
  color: rgba(255, 169, 144, 1);
}

Best Regards

That’s great! Thanks Elise 🙂

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on Theme Forest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance 🙂

[Author]

Posts