Mega Menu

Mega Menu lets you add multi-column dropdown menus to your navigation and insert rich media content such as images and videos into them.

---

Accessing the Settings

1. Log in to the site as a superuser
2. Go to ThemePluginPro > Pages
3. Click the Edit Megamenu button to the right of a top-level page

Mega Menu comes in two types:

• Mega Menu: adds a multi-column dropdown menu to the navigation
• Custom Mega Menu: lets you insert extra HTML modules and third-party modules into the dropdown menu

---

Standard Menu

A regular popup menu.

---

Mega Menu

Display the submenus in multiple columns:

After selecting the Mega Menu type, you can configure the following options:

Width

Set the width of the dropdown menu:

• Auto: the dropdown menu matches the width of the theme content area

• Custom: set the dropdown menu width to a specific value

Position

Set the display position of the dropdown menu:

Columns

Set how many columns the submenus are displayed in:

---

Custom Mega Menu

With this setting, you can insert extra HTML modules and third-party modules into the popup menu.

Setup steps:

1. Set Tab Type to Custom Mega Menu
2. Click the Add Pane button

3. Click the Add button to add controls to the Pane. There are 3 types of controls:

   • Menu: displays a menu and its submenus
   • HTML: adds HTML code
   • Module: displays a module from a page in the popup menu

4. You can add multiple Panes to one dropdown menu

Click the edit icon to set each Pane's width and the spacing between Panes, and to add borders:

---

Next Steps

• Pages Overview — Manage site pages in Pages
• Header Layouts — Configure the menu style of the Horizontal Menu control