Custom Mega Menu

Mega Menu is an advanced navigation menu designed to display multi-level content on a website. Unlike traditional dropdown menus, Mega Menus typically expand in a larger panel format, allowing multiple options and categories to be displayed simultaneously. This enables users to quickly browse and access more content. A custom Mega Menu can achieve effects like the example shown below, with support for adding images.

Steps to achieve the effect shown above:

Step 1: Add a Custom Mega Menu

Step 2: Bind to the Main Menu

Select the main menu index. The example below binds to the second main menu.

Step 3: Select a Submenu

Choose the menu and configure its alignment. In this example, the menu is center-aligned.

Step 4: Add Images

Include images and configure their aspect ratio. Preview the final effect.

Repeat the steps above to add custom menus and achieve the desired effect in the example.

Last updated

Was this helpful?