Hi,
I’ve been playing with the CSS for some time now and I can make the non-active menu-text a solid colour – however the CSS targeting I am using breaks other style.
Just wondering if there is an easy way to turn off the theme function which makes the navigation text a percentage tint of the main colour
thanks :)
Hi HuxburyQuinn!
Thank you for visiting the support forum!
There is no opacity or tint on the sub menu items. Just add this on Quick CSS or custom to change the font color:
.header_color .main_menu .menu ul li a {
color: blue;
}
You can also modify the menu style on Enfold > Advanced Styling panel. Edit the Main Menu sublevel links element.
Best regards,
Ismael
Hi!
Please go to Enfold theme options > Advanced Styling tab and edit “Main Menu Links”
Best regards,
Yigit
I tired these two methods, as well, but the non-active menu text color is still showing up differently than what I set it at (just plain white).
Hey!
@alexmasica Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.header_color .main_menu ul:first-child > li > a {
color: green;
}
Best regards,
Yigit
Thanks! That did the trick.