How To Create A Mega Menu

NOTE: Only the Main Nav Menu supports this feature.

Jannah has a built-in mega menu that can be enabled on every First Level menu item in the  Appearance > Menus tab. Please see below for information on how to set the mega menu up. If you need information on how to create a regular menu, please read our Setting Up The Menu article here.

1. Multi Columns Mega Menu

  1. Navigate to Appearance > Menus section of your admin sidebar and select the ‘Create A New Menu’ link to create a new menu, or edit a current one.
  2. Only First Level items can enable the Mega Menu. Click the Arrow icon next to any First Level menu item to expand the Options box.
  3. Select Mega Menu Columns from the Enable The Mega Menu? select menu.
  4. From the Number of Mega Menu Columns select menu, choose the number of columns you want.
  5. Now, you need to add child menu items, which will represent columns in the mega menu. The first level of child items will represent Titles in each of 3 columns. Add 3 sub child menu items, like in the image below.
  6. Add child items to each of those columns. This will represent your actual sub-menu pages. Take a look at the image below.
  7. The menu dropdown should now look something like this: If you want to Remove the Titles (First Column, Second Column Third Column) Go to the Mega menu setting and check Hide Mega Menu headings? option.
    The menu dropdown should now look something like this:

2. Posts - 1st Post Highlighted Mega Menu

  1. Go to Appearance > Menu
  2. Add a Category from the left Categories panel.

  3. From the menu item's settings Select Posts - 1st Post Highlighted from the Enable The Mega Menu? select menu.

3. Mega Menu with Vertical Sub-Categories Filter

  1. Go to Appearance > Menu
  2. Add a  Category from the left Categories panel. You have to use a parent category if you want to have the sub-categories filter.

  3. From the menu item's settings Select Posts - Vertical Sub-Categories Filter from the Enable The Mega Menu? select menu.

4. Mega Menu with Horizontal Sub-Categories Filter

  1. Go to Appearance > Menu
  2. Add a  Category from the left Categories panel. You have to use a parent category if you want to have the sub-categories filter.

  3. From the menu item's settings Select Posts - Horizontal Sub-Categories Filter from the Enable The Mega Menu? select menu.

How to add a background image to a Mega Menu

You can easily add a background to a mega menu:
  1. Select the item you want to add a background for and click on the arrow icon in the top right-hand to expand the Options box.

  2. Paste the image URL in the  Mega Menu Background Image input field.

  3. Set the background image position and the other settings as you want.