Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 4, 2016 at 12:28 pm #559138
    Ashiado

    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!!!

    January 4, 2016 at 10:21 pm #559536
    Andy

    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,
    Andy

    January 5, 2016 at 2:51 pm #559947
    Ashiado

    Hi – 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!!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Adjusting colors on the advanced menu for mobile devices’ is closed to new replies.