MOBILE MENU – STYLING OPTIONS

Hi,

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

body .mobile-nav {
	background-color: #101010;
}

body .site-mobile-menu li a {
	color: #fff;
}

body .mobile-nav .searchform input[type=text] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(255,255,255,.5);
    color: #fff;
}

body .mobile-nav .mobile-nav-tabs .active {
	background-color: rgba(0,0,0,.3);
    color: #fff;
}

body .mobile-nav-tabs .mobile-tab-title {
	color: rgba(255,255,255,.6);
}

body .mobile-nav  .searchform .searchsubmit {
	color: white;
}

body .mobile-nav .searchform .searchsubmit:before {
	  border-color: rgba(255,255,255,.4);
    border-left-color: #fff;
}

body .mobile-nav-tabs {
	background-color: rgba(0,0,0,.9);
}

body .mobile-nav .icon-sub-menu {
	color: #fff;
}

body .mobile-nav .sub-menu-dropdown {
	background-color: #101010;
}

body .mobile-nav .site-mobile-menu .sub-menu li a {
	color: rgba(255,255,255,.8);
}

body .mobile-nav .create-nav-msg {
	color: rgba(255,255,255,.8);
}

body .mobile-nav .site-mobile-menu li a:hover {
	color: white;
}

body .mobile-nav .search-results-wrapper .woodmart-scroll {
	 background-color: #101010;
}

body .mobile-nav .product-title,
body .mobile-nav .amount{
	color: white;
}

body .mobile-nav .autocomplete-suggestion:hover {
	background-color: rgba(0,0,0,.3);
}

body .mobile-nav .view-all-products {
	    background-color: rgba(0,0,0,.3);
    color: #fff;
}

body .mobile-nav .view-all-products:hover {
	background-color: rgba(0,0,0,.9);
}

Regards