Inverting / Changing Mobile menu Colors

Hi,

currently i am having mobile menu as black background and white font what i am looking forward to achieve is do the inverse which is white background and black menu fonts. can you please assist me how can i achieve that?

Hello,

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

body .mobile-nav {
    background-color: white;
}
.color-scheme-dark ul li {
    background-color: white;
}
body .mobile-nav ul li .up-icon{
background-color: white;
}
body .mobile-nav .sub-menu-dropdown ul:before {
    color: black;
}
body .mobile-nav ul li.current-menu-item>a {
    color: black;
}
body .mobile-nav ul li a {
        color: black;
}
body .mobile-nav .icon-sub-menu:after, 
body .mobile-nav .icon-sub-menu:before {
    background-color: white;
}
body .mobile-nav .searchform button {
    color: black;
}

Best Regards

The provided CSS didnt solve my issue, i have checked in incognito as well as did Ctrl + F5 (and tried on different browser. the menu is still dark and the code has no effect.

Hello,

Please deactivate all the cache plugins and provide the site admin access to the private area.

Best Regards

you can access the site by using the blow credentials

Hello,

Please replace the code with this one:

body.dropdowns-color-light  .mobile-nav {
    background-color: white;
}
body.dropdowns-color-light .site-mobile-menu li a {
    border-color: rgba(255,255,255,.15);
    color: black;
}
body.dropdowns-color-light .mobile-nav .searchsubmit, 
body.dropdowns-color-light .woodmart-search-dropdown .searchsubmit {
    color: black;
}

Best Regards

[Author]

Posts