I am trying to make my main menu so that when i rollover an item in the main menu the text goes green. i also want the text to stay green on the current page.
but i want the text on the drop down sub menus to stay white (as the background is green on their rollovers)
i couldnt see how to do this in the basic menu configurations so am assuming i need some custom code?
thanks for your help.
Hey benhasler,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.header_color .main_menu ul:first-child > li.current-menu-item > a,.header_color .main_menu li.menu-item-top-level:hover > a {
color: #47cbaa !important;
}
.header_color .main_menu ul.sub-menu li.dropdown_ul_available:hover > a {
color: #fff !important;
}
Best regards,
Mike
perfect thanks!