Hello,
I am having a problem with my main navigation menu and the way it displays on mobile devices.
The color changes to blue on mobile and I’d like to change the color of the nav menu on mobile devices.
How can I control the color?
Thank you!
Hey mbellush,
When I look at your mobile menu I see you have a transparent menu with blue text.
Please see screenshot in Private Content area.
Try this code in the General Styling > Quick CSS field to change the text and the mobile close button, without changing your desktop main menu links:
#top #wrap_all ul#mobile-advanced > li > a,a#advanced_menu_hide {
color: #000 !important;
}
Feel free to adjust the color to suit.
Best regards,
Mike
Thank you for answering!
I have pasted the code you provided into the General Styling > Quick CSS field inside WordPress and nothing has changed.
Could I be missing something else?
This is exactly what I pasted, and then I changed the color code as shown below.
#top #wrap_all ul#mobile-advanced > li > a,a#advanced_menu_hide {
color: #D3D3D3 !important;
}
Hi,
Thanks for the feedback. First off, could you try updating the theme to the latest version (4.2.6) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Rikard
I have updated to the latest enfold theme version (4.2.6).
I have also included the following code in general styling > quick css:
#top #wrap_all ul#mobile-advanced > li > a,a#advanced_menu_hide {
color: #D3D3D3 !important;
}
The mobile menu is now not visible at all. When you click on the mobile menu nothing appears at all.
Any ideas?
Hi mbellush,
Can you disable caching and minification for now?
Best regards,
Victoria