Menu Close

Mega Menu

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

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:

  1. Open Mega menu visual
  2. Enable mega menu content
  3. Select Columnize Mega Menu under Mega Menu Type setting

Step 2:

  1. Open Columnize Mega Menu Content tab
  2. Click Add Menu/Add Widget buttons
  3. 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:

  1. Open Mega menu visual
  2. Enable mega menu content
  3. Select Content Grid Mega Menu under Mega Menu Type setting

Step 2:

  1. Open Content Grid Mega Menu tab
  2. Select Content Source you want to show. For example Posts, Page, Products.
  3. Select the Taxonomy. For example Category, Tag, Product Category, etc..
  4. Select category terms, tab layout, etc…

The Result (displaying a content grid in a mega menu)

Sale end in
00
00
00
00
Save 30% OFF Black Friday Sale! Code:
BFCM2024