A Mega Menu is the name given to a large panel of content which is displayed below a menu item when the user clicks or hovers over the menu item. Mega Menu can contain submenu items, posts and widgets.
This is a premium module, available with Customify Pro. This instruction briefly explains how to setup and configure all Mega module features.
- Activate module
- Features
- Enable Mega Menu
- Displaying Menu Items or Widgets in a Mega Menu
- Displaying Content Grid in a Mega Menu
Activate module
You would need to activate the module from Appearance > Customify Options > Mega Menu
Features
- Works with Customizer system.
- Live view.
- Drag and drop Mega Menu builder.
- Magazine layout.
- Builder content layout.
- Add widget in your menu content.
- Extend menu from theme.
- Custom responsive break point.
- Full with layout.
- Boxed layout.
- Align menu items to the left or right of the menu bar
- Align sub menus to left or right of parent menu item.
Enable Mega Menu
Go to Customize -> Menus -> Select a menu if exists, if not, Just add new, scroll down the bottom and check to “Enable mega menu”.
An example I have defined menu Primary.
Displaying Menu Items or Widgets in a Mega Menu
It takes two simple steps.
Step 1:
- Open Mega menu visual
- Enable mega menu content
- Select Columnize Mega Menu under Mega Menu Type setting
Step 2:
- Open Columnize Mega Menu Content tab
- Click Add Menu/Add Widget buttons
- Click on any page, post, custom link or widget on the right to add it to mega menu.
The Result (displaying menu items and widgets in a mega menu)
Displaying Content Grid in a Mega Menu
It takes two simple steps.
Step 1:
- Open Mega menu visual
- Enable mega menu content
- Select Content Grid Mega Menu under Mega Menu Type setting
Step 2:
- Open Content Grid Mega Menu tab
- Select Content Source you want to show. For example Posts, Page, Products.
- Select the Taxonomy. For example Category, Tag, Product Category, etc..
- Select category terms, tab layout, etc…
The Result (displaying a content grid in a mega menu)
