Getting started

Updated

Create a mega menu

  1. In the WordPress admin, go to Mega Menus → Add New Mega Menu
  2. Give it a title. This is the menu item’s label unless you change it in Appearance → Menus
  3. Edit the starter blocks, or replace them
  4. Publish

New mega menus start with a full-width Section and a Structured List set to Naked, Grid, and 3 columns, with six empty List Cards. Change those settings or swap in other blocks. Nothing in the starter layout is locked.

A mega menu has no page of its own, so visitors and search engines cannot open it directly. It only appears when you add it to a menu that is assigned to a location.

Add it to a menu

  1. Go to Appearance → Menus
  2. Open the Mega Menus box (it stays visible on this screen)
  3. Check the mega menu and click Add to Menu
  4. Place the item where you want it in the header or mobile menu
  5. Save the menu and assign it to a location if it is not already

You can add the same mega menu to more than one menu. Desktop and mobile items that point at the same mega menu share one panel.

How it behaves on the site

  • Clicking the nav item opens or closes the panel. It does not follow a link.
  • Opening one mega menu closes any other that is open.
  • Clicking outside the item and the panel closes it.
  • On small screens, the open panel fills the space under the header and the drawer hides the other menu items.
  • The item shows a caret; it becomes an X while the panel is open.

Tips

  • Keep the panel short enough to scan. A three-column list of links works for most sites.
  • Use the Section background if you need a color or image behind the links.
  • Put the same mega menu on the desktop and mobile menus instead of duplicating the content.