Hello,

You can disable the dark mode and customize the mobile menu as per your needs. Our support does not cover site customization, we can guide how to do it and or give you base code.

You will need to add this code to the Theme Settings > Custom CSS and set the colors as per your needs:

body .mobile-nav {
	background-color: grey;
}

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

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

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

body .mobile-nav-tabs .mobile-tab-title {
	color: red;
}

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

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

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

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

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);
}

Best Regards