This feature allows you to transform any top-level primary menu item into a full-width dropdown mega-menu.
The easy to use drag & drop interface enables you to add any content you wish up to 6 per row using Widgets that can be rearranged and resized to display in your site navigation area.
Follow the steps below to create an example mega-menu:
On the frontend, in the Admin bar, click Customize.
On the backend, click Appearance » Customize.
Navigate to Export/Import section.
Select the menu which is currently set to Primary Menu.
Click on the arrow icon in the top right-hand corner of the menu item to expand it.
Click the Mega Menu button to open a new side panel where you can manage the selected menu item(s).
Click the Add a Widget button to search and select a new widget from the list to add.
You can easily use your mouse to quickly rearrange widgets and move them to a different column or row.
With your mouse, hover over the corner/borders, then click and drag to resize the widget.
Click on the arrow icon in the top right-hand corner of the widget to expand it.
At the bottom select Delete to remove the widget from the view.
When the Activate checkbox is checked, the mega menus are shown on your site and live preview is available.