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.