active menu item that triggers mega-menu is not highlighted

Question

I have a menu item called "Products" seen here: https://digitalcloud.co.za/2ic/2ic-overview/ which triggers a mega menu. However when selecting any page from that mega-menu the "Products" tab in the menu does not show as being active (orange in color), have created a css class but still doesnt work.

Created a css class megpro but its not working

Answer 1

Try adding "current_page_item" class to the active li tag (menu-item-5381).

Also, if you want to highlight the active sub link too, add the style:

li.current-menu-item > a {
color:#e78900 !important;
}