Mega menu

Mega menus are useful if you want to show posts from specific categories inside the menu. The mega menu has subcategory support, meaning that your visitors can switch from a category to another one in the menu.

Mega menu with sub-categories:

Mega Menus with subcategories

 

To create a MegaMenu with Sub-categories:

  1. Go to Appearance > Menu
  2. Add menu items from the left panels (Pages, Links, Categories)
  3. Click on the menu item and select the Category that you want to use from the drop-down

Note:

  • You have to use a parent category if you want to have sub-categories.
  • Also please make sure that the Menu Item used as MegaMenu is in the root of the Menu and doesn’t have sub-menus inside.

2015-06-15_13-51-06

Mega menu without sub-categories:

2015-06-15_13-53-44

 

To create a MegaMenu with Sub-categories:

  1. Go to Appearance > Menu
  2. Add menu items from the left panels (Pages, Links, Categories)
  3. Click on the menu item and select the Category that you want to use from the drop-down

Note:

* You have to use a category that doesn’t have sub-categories.
* Also please make sure that the Menu Item used as MegaMenu is in the root of the Menu and doesn’t have sub-menus inside.

 

When using a cloud library header template, the mega menu has it’s own tab in the tagDiv Composer settings screen as shown below

 

  • The mega menu settings allow you to set the container and content width, add padding position and alignment.
  • You can set the post limit and set the number of modules shown per each row.
  • You can limit the number of subcategories and hide the all subcategories section.
  • Choose the category list width add padding and spacing among elements.
  • Limit the title and excerpt length for articles and choose the thumbnail size and image position
  • You can select adjust the meta information shown individually for each of the displayed data such as author, author photo, article, category tag, review, pagination. etc.

Mega menu from Pages:

2015-06-15_14-07-33

 

To create a MegaMenu from a Page:

  1. Go to Appearance > Menu
  2. Add menu items from the left panels (Pages, Links, Categories)
  3. Click on the menu item and in the field “Make this a page mega menu” enter the ID of the Page that you want to have in the Menu.

Note: How to find my Page ID

2015-06-15_14-09-07