Mobile Menu Color

[maidomall]

Hi there,

quick question – how do we change mobile menu color and font color?

thanks!

[Kyle – SUPPORT]

For the color of the icon you need to change the header link color

For the text of the mobile menu, add this to your custom css:

#mobile-menu ul li a {
  color: #999999;
}

– Kyle

[maidomall]

thanks for the quick reply as always Kyle!

how about the background color?

seems like I’m definitely missing something cause haven’t been able to figure it out at all

[Kyle – SUPPORT]

There’s quite a lot of css to edit for the background, what color do you want it to be?

– Kyle

[maidomall]

ah figured it wasn’t in customize.

#e3e3e3 if you can

thanks

[Kyle – SUPPORT]

#mobile-menu-wrap {
  background-color: #e3e3e3;
}
#mobile-menu .menu ul li.current-menu-item > a, #mobile-menu .menu ul li a:hover, #mobile-menu .menu ul li a:active, #mobile-menu .menu ul li a:focus {
  background-color: #bbbbbb!important;
}
#mobile-menu ul li {
  border-bottom: 0 none;
  border-top: 1px solid #cccccc;
}

– Kyle

[maidomall]

thanks for the solid support!

[Kyle – SUPPORT]

No problem! Happy to help 🙂

– Kyle

[Vitryph]

Hi to all the team,

My mobile icon for the menu is grey on grey … I’m very sorry to ask this stupid question but … where is the header link color option ? Maybe I miss something, is it in the Personalize options right ? Color Header ?

Best regards,

Philippe

[Kyle – SUPPORT]

Hi

It just uses ‘Link Text Color’

– Kyle

[Vitryph]

Great ! Thanks

[Mohammad – SUPPORT]

Hi,
I’m glad that issue resolved. Thanks Kyle 🙂
With Best Regards
Mohammad