-
Posts
-
Hello,
I’m trying to adjust the colors for the advanced menu when viewing my site on mobile devices. For the web, I am controlling this by the following CSS:.avia_desktop #advanced_menu_toggle, .avia_desktop #advanced_menu_hide {background-color: #BF3F00; color:#000;}
.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {background-color: #DE5900; color:#333;}But when I view it on a mobile device, this menu is showing up with a dark gray background and orange highlights. Might you be able to tell me where I can adjust this — either within the Enfold settings or else within my own css? THANK YOU!!!
Hi Ashiado!
not exactly sure what you are trying to achieve. Can you highlight using screenshot please? so we get a clear idea of what you need. You can use imgur.com or dropbox.
Best regards,
AndyHi – Sorry for any confusion. What I was trying to describe was the appearance of the mobile menu when this menu is collapsed (the one in a square with the three lines in the middle). With the css shown above, I was able to control the appearance of this on desktop computer screens but not on mobile devices. … All this being said, I’ve decided the way it looks now is actually okay, so thank you anyway!!!
- The topic ‘Adjusting colors on the advanced menu for mobile devices’ is closed to new replies.