MOBILE MENU BACKGROUND COLOR

Hi support,

For Mobile Menu Navigation:

1. How do I change the background color (for all levels) to white?

2. How do I change the font color to dark/black?

Such as the mobile menu of your Woodmart theme (see image)

Thank you for your help!

Best regards,

Maikel

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .mobile-nav {
    background-color: #ffffff;

}
body .color-scheme-dark .sub-menu li {
    color: #ffffff;
}
body .mobile-nav .sub-menu-dropdown ul {
     background-color: #ffffff; 
}
body .mobile-nav ul li a {
    font-size: 16px;
    color: #333333;
}
body .mobile-nav .icon-sub-menu:after, 
body .mobile-nav .icon-sub-menu:before {
    background-color: #333333;
}
body .mobile-nav .searchform button {
    color: #333333;
}
.mobile-nav .searchform input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7C7C7C;
}
.mobile-nav .searchform input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #7C7C7C;
}
.mobile-nav .searchform input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #7C7C7C;
}
.mobile-nav .searchform input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #7C7C7C;
}
body .mobile-nav .searchform input[type=text] {
    color:#7C7C7C;
}
body .mobile-nav .autocomplete-suggestions {
    background-color: #ffffff;
}
body .mobile-nav .autocomplete-suggestions .suggestion-title {
    color:#7C7C7C;
}
body .mobile-nav ul li a:hover,
body .mobile-nav ul li a:focus{
    color: #333333;
}
body .autocomplete-suggestions .suggestion-price span{
        color: #949494;
}
body .color-scheme-dark .sub-menu li a {
    color: #333333;
}

Best Regards

Great support, thank you very much!

Can you also set the text in the mobile menu to normal?

Now (Caps lock):

CATEGORY 1
CATEGORY 2
CATEGORY 2

I would like (Bold):

Category 1
Category 2
Category 3

Thank you for your help!

Best regards,

Maikel

Hello,

Please add this line text-transform: none; to all the styles where this line is color: #333333;

Best Regards

Great support, thank you very much!

Best regards,

Maikel

You are welcome!

[Author]

Posts