Mobile Navigation Colors

Hi,

For Mobile Menu Navigation:

1. How do I change the colors for it to look like the regular menu?

Background needs to be white.
Text needs to be black/grey (#bcbcbc) like the regular menu.
Hover color needs to be green (#5bbc2e) like the regular menu.

Thanks,
Michael

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no such option in our theme. We can help you with a simple CSS modification. But please provide us your admin access firstly.

Kind Regards

Hi,

I have provided login credentials.

Thanks,
Michael

Thank you. Here is a customization code for you 🙂 Add it to the Custom CSS area in Theme Settings

.mobile-nav,
.mobile-nav .sub-menu-dropdown ul {
      background-color: white;
}
.mobile-nav ul li a {
 color:#bcbcbc;
 border-bottom: 1px solid rgba(92,92,92,.15);
}
.mobile-nav .sub-menu-dropdown ul:before {
    content:none;
}
.mobile-nav ul li a:hover,
.mobile-nav ul li a:focus,
.mobile-nav ul li a:active {
 color:#5bbc2e;
}
.mobile-nav ul li a:active {
    background-color: #f9f9f9;
}
.mobile-nav .icon-sub-menu:after, 
.mobile-nav .icon-sub-menu:before {
    background-color: #777;
}
.mobile-nav .icon-sub-menu {
    height:50px;
}
.mobile-nav .up-icon:after,
.mobile-nav .up-icon:before {
    background-color: white;
}
.mobile-nav .searchform {
    border-color: rgba(92,92,92,.15);
}
.mobile-nav .searchform input[type=text] {
    border: 1px solid rgba(129,129,129,.25);
    color:#777;
}
.mobile-nav .searchform input[type=text]:focus {
    border: 1px solid rgba(129,129,129,.35);
}
.mobile-nav .searchform button {
    color: rgba(0,0,0,.8);
}
.mobile-nav .searchform ::-webkit-input-placeholder {color:rgba(0,0,0,0.4)}
.mobile-nav .searchform ::-moz-placeholder          {color:rgba(0,0,0,0.4)}/* Firefox 19+ */
.mobile-nav .searchform :-moz-placeholder           {color:rgba(0,0,0,0.4)}/* Firefox 18- */
.mobile-nav .searchform :-ms-input-placeholder      {color:rgba(0,0,0,0.4)}

Regards

[Author]

Posts