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.
Menu content must be added in advance, and only the top-level menu list is displayed here.

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?