How to give custom menu color on Mobile

If you want to change the Menu background and color on mobile for PlumberX theme, please put below css in Themeoptions/Customcss box and edit the color to your liking.

header .search-box{
background: #f7e93c;
}
button.mainmenu-toggler:hover,
header .mainmenu-container ul li.top-icons:hover a i{
border-color: #f7e93c;
color: #f7e93c;
}

@media only screen and (max-width: 991px) and (min-width: 768px){
header .mainmenu-container ul.mainmenu li a:hover,
header .mainmenu-container ul.mainmenu li.current > a,
.mainmenu-container ul li.dropdown .fa:hover{
background: #f7e93c;
}
}
@media only screen and (max-width: 767px){
header .mainmenu-container ul.mainmenu li a:hover,
header .mainmenu-container ul.mainmenu li.current > a,
.mainmenu-container ul li.dropdown .fa:hover{
background: #f7e93c;
}
}