Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 21, 2015 at 8:22 pm #400116
    drcorey

    Hi,
    I’m trying to figure out how to change the color scheme of the mobile menu in enfold. I’d like the background to be black but almost transparent, with white font coloring that becomes light blue with hover. I’d also like to change the menu icon color to black on white (like this site when view on mobile device). Is there some quick css code I can use to do this? Any help is greatly appreciated. Also, I’d like to know how to modify the colors if I find the black background doesn’t work. Thanks!!

    February 23, 2015 at 1:07 am #400327
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    February 23, 2015 at 6:37 pm #400898
    drcorey
    This reply has been marked as private.
    February 23, 2015 at 6:53 pm #400918
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #mobile-advanced {
    background: rgba(0, 0, 0, 0.9);
}
#mobile-advanced a{
    color: white;
}
#mobile-advanced a:hover, #mobile-advanced a:hover .avia-menu-text{
    background: inherit !important;
}
#mobile-advanced a:hover .avia-menu-text{
    color: skyBlue;
}

    Cheers! 
    Josue

    February 24, 2015 at 1:04 am #401124
    drcorey

    awesome, thanks!

    February 24, 2015 at 1:15 am #401138
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing colors in mobile menu’ is closed to new replies.