What is Mega Menu?
“A mega menu is typically defined as a drop down interface that is triggered by the user hovering over a link or defined area. This dropdown usually shows all options in one main, mega-panel and oftentimes groups related topics into categories.”
In short, it is a full-width dropdown menu in a navigation bar.
Set up the mega menu:
- Go to Appearance > Menus, make sure you are editing the primary menu.
- Click on Screen Options button located on the top right corner.
- Tick the box of CSS Classes.

Setting up mega menu

Then menu will be displayed like as this on hover.
