Highlighting current menu in mega menu?

1. How do I highlight an active menu item?
2. How do you highlight in Mega?
3. How do I highlight the menu on the current page in WordPress?

How do I highlight an active menu item?

You can highlight a menu by adding a different background color, text color etc to the particular menu item using custom CSS. To apply custom CSS you need to add CSS class for the menu.

How do you highlight in Mega?

Applying the hover styling to active top level menu items

To apply the hover style to active / current top level menu items, go to Mega Menu > Menu Themes > Menu Bar and enable the 'Highlight Current Item' option. Highlighting sub menu items can be unreliable, so this option will only apply to the top level menu items.

How do I highlight the menu on the current page in WordPress?

WordPress menu functions (wp_nav_menu, wp_list_pages) automatically add current_page_item class to li containing the active link. So all we have to do is use the same class to highlight the current page.