1. Home
  2. Header & Menu
  3. Build Your Own Megamenu

Build Your Own Megamenu

After setting up menu structure, you can set your menu as mega menu. Open up the setting of parent menu item, then check the Enable Mega Menu checkbox. You can also insert background images for displaying submenu items (optional).

NOTE: For the guide in filling the Repeat Background Image, Background Position, and Background Size boxes, please read on w3schools.

 

Configure Mega Menu Item

Child menu or sub menu items in mega menu can be displayed as standard menu items, carousel, or custom images. If you want to display your menu items as a carousel or images, you need to do configurations in each menu item.

Standard

In the sub menu setting, select the options you want for the text align, number of column width, and number of submenu column to use.

Carousel

In the sub menu setting, check the Enable Carousel box. Select the options you want for the text align, number of column width, number of submenu column, and the carousel source. The carousel source you have chosen will generate the options on the carousel content so that you can choose which ones to assign easily.

NOTE: For the best result of carousel megamenu, only use one sub menu.

Custom Image

In the sub menu setting, select the options you want for the number of column width and the number of submenu column, then upload the image in Replace Link with Image option.