You can create and manage Mega Menus from Appearance → Menus in your WordPress dashboard.
Edit an existing menu item or add a new one. Click on the top-level (parent) menu item where you want to enable the Mega Menu. Once expanded, enable the “Enable Mega Menu” checkbox.
After enabling it, you will see the Mega Menu Type option. There are two available types:
- Sub Menus
- Elementor Template
1. Mega Menu Type: Sub Menus #
If you select Sub Menus, the Mega Menu will automatically display the child menu items added under the selected parent item.
You can control the layout using the Mega Menu Columns option. This allows you to define how many columns the sub menus will be divided into.
The structure should be organized as follows:
In this structure:
Shop (Top Level Item)
-- Menu Item #1 (Column Title)
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
-- Menu Item #2 (Column Title)
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
-- Menu Item #3 (Column Title)
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
-- Menu Item #4 (Column Title)
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
-- Menu Item #5 (Column Title)
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
---- Menu Item
- The top-level item (e.g., Shop) becomes the Mega Menu trigger.
- The first-level child items become the column headings.
- Their child items are listed under each column.
By adjusting the Mega Menu Columns setting, you can control how many columns appear in the layout.
2. Mega Menu Type: Elementor Template #
If you select Elementor Template as the Mega Menu Type, an additional dropdown field will appear.
This dropdown lists the templates available under:
WP Admin → Templates → Saved Templates
Select any Elementor template from this list to use it as your Mega Menu content.
This allows you to build fully custom Mega Menus using Elementor’s containers, columns, images, banners, product grids, icons, or any other widget. Once selected, the template will be rendered inside the Mega Menu panel.
This option is ideal if you want complete design flexibility or advanced layouts beyond standard submenu columns.
Important: Make sure the selected Elementor template is designed with proper width and responsive settings for best Mega Menu appearance.
