Main Menu

Hey So Evolve,
Thank you for your patience, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #header.header_color .sub_menu>ul>li>a, 
#top #header.header_color .sub_menu>div>ul>li>a, 
#top #header.header_color .main_menu ul:first-child > li > a, 
#top #header.header_color .main_menu .menu ul .current_page_item > a, 
#top #header.header_color .main_menu .menu ul .current-menu-item > a, 
#top #header.header_color .sub_menu li ul a {
    color: #fff;
}

Best regards,
Mike

Hi,
Thanks for the feedback, I don’t see the css included in the site you linked to, but this seems to work when I inject it, please include an admin login in the Private Content area so I can examine, perhaps you have an error in your css from another rule.

Best regards,
Mike

Hi,
Thank you for the login, I found that your css has > instead of >

I corrected with the correct css and it seems to be working correctly now, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad this helped, the issue is that some of your menu items are links on the same page and some are links to other pages, so the default action is to highlight the current page items on scroll, this is not your intention so we are overriding it with this solution.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike