Creating a new menu

Follow the Widget documentation to create a new menu. Then use Elementor to drag the “Max Mega Menu” widget onto the page:

After adding the Max Mega Menu Widget to the page, edit the widget settings and select the menu location you wish to display.

Fix Menu Z-Index

Use the following steps if your menu (either desktop or mobile) is sitting behind other elements on the page

Step 1

Go to Appearance > Customize > Additional CSS and enter the following:

Step 2

Edit the page with Elementor and apply the following settings:

Sticky Header: Double Menu Appears

If you are using the Sticky Header option within Elementor, you may see a “double” menu as you scroll down. To fix this, go to Mega Menu > Menu Themes > Custom Styling and add the following:

Related Articles