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.