1. Home
  2. Docs
  3. Knight
  4. Setting up Menus
  5. Mega Menu

Mega Menu

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.

Was this article helpful to you? Yes 1 No 1

How can we help?