#Top_bar .menu > li ul li a { color: #000 !important; } #Top_bar .menu > li ul li a:hover { color: #000 !important; } #Top_bar .menu > li ul { background-color: #FFF !important; }
I'm having an issue where my submenu background colors work fine on full-sized browser window but on mobile, they turn white. On mobile, main menu background color and Sub-Submenu background colors appear correctly. Only Submenu off of main menu is not showing the selected background color.
@Zero360Marketing To change colors on mobile, you must wrap above css into media declaration, like below:
@media only screen and (max-width: 479px) { #Top_bar .menu > li ul li a { color: #000 !important; } #Top_bar .menu > li ul li a:hover { color: #000 !important; } #Top_bar .menu > li ul { background-color: #FFF !important; } }
Comments
this can be done within below css: Thanks!