Mobile menu background color

Hi,

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 black?

Thanks.

Hello,
Thank you for your question.

Try to add the following code snippet to the Custom CSS area in Theme Settings to change the menu colors.

.mobile-nav,
.mobile-nav .sub-menu-dropdown ul {
    background-color:white;
}
.mobile-nav ul li a {
    color:black;
}
.mobile-nav ul li a:hover {
    color:black;
}
.mobile-nav .icon-sub-menu {
    height:50px;
}
.mobile-nav .icon-sub-menu:after,
.mobile-nav .icon-sub-menu:before {
    background-color:black;
}
.mobile-nav .sub-menu-dropdown ul:before {
    content:none;
}
.mobile-nav .searchform {
    border-bottom: 2px solid rgba(180, 180, 180, 0.43);
}
.mobile-nav .searchform input[type=text] {
    border: 1px solid rgba(129,129,129,.25);
    color:black;
}
.mobile-nav .searchform  ::-webkit-input-placeholder {color:rgba(0,0,0,0.6)}
.mobile-nav .searchform  ::-moz-placeholder          {color:rgba(0,0,0,0.6)}/* Firefox 19+ */
.mobile-nav .searchform  :-moz-placeholder           {color:rgba(0,0,0,0.6)}/* Firefox 18- */
.mobile-nav .searchform  :-ms-input-placeholder      {color:rgba(0,0,0,0.6)}
.mobile-nav .searchform button {
    color:black;
}

Kind Regards
XTemos Studio

I also uses this code however, the sub-sub menu background colour is still black, how can I change this?

Regards,

Taidgh

I was able to resolve the issue using the following code:

.mobile-nav .sub-menu-dropdown li ul {
    background-color: #fff!important;
}

Maybe this will help someone else.

Regards,

Taidgh

Hello,

We are glad you have solved the issue on your own. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts