Appearance

How to Set the Mega Menu ​

Mega Menus allow you to add multi-column drop-down menus to your navigation with rich media such as images and videos.

Mega Menu effect

Steps ​

  1. Log in to your site as super administrator
  2. Go to ThemePluginPro > Pages
  3. Click the Edit Megamenu button

Edit Megamenu button

  1. There are 3 pop-up menu types:
    • Standard Menu — a general pop-up menu
    • Mega Menu — add a multi-column drop-down menu to your navigation
    • Custom Mega Menu — insert extra HTML modules and 3rd-party modules into the drop-down menu

Choose the menu type

Mega Menu ​

After selecting the Mega Menu type, you will find the options below.

Mega Menu options

Width ​

Set the width of the drop-down menu:

  • Auto — the width of the sub menus is the same as the width of the theme's content area

Auto width

  • Custom — set the width of the sub menus to a specific value

Custom width

Position ​

Set the display position of the drop-down menu:

Position options

Position effect 1

Position effect 2

Column ​

Set how many columns the sub menu is displayed in:

Column settings

Column effect

Custom Mega Menu ​

You can insert extra HTML modules and 3rd-party modules into the pop-up menu with this setting. The setting steps are as follows:

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

Add Pane

  1. Click the Add button to add a control to a pane. There is a total of 3 controls:
    • Menu — display a certain menu and its sub menus
    • HTML — add HTML code
    • Module — apply the modules from a certain page to the pop-up menu

Add controls

  1. You can add multiple panes to a drop-down menu

Multiple panes

Click the edit icon to set the width of a pane and the spacing between panes:

Edit panes