1. Documentation
  2. Site setup
  3. Mega menu builder

Mega menu builder

Creating a mega menu in WordPress has never been easier. Follow these steps to build an organized and expandable menu for your website.

Step 1: Configure the menu

You must define a menu before you can add items to it:

  1. Navigate to Appearance > Menus in your WordPress dashboard.
  2. Click Create a new menu.
  3. Enter a Menu Name and click Create Menu.

Now, let’s add items to the mega menu:

  1. Expand Custom Links in the “Add menu item” section on the left column.
  2. Enter the URL and Link Text for your menu item.
  3. Click Add to Menu.
  4. Repeat these steps for other menu items.

Remember to check the checkbox “Enable this menu for Megamenu content”. When enabled, you’ll see the mega menu settings icon when hovering over the menu items.

Step 2: Customize mega menu content

  1. Select a menu item and click the mega menu settings icon to open the settings modal.
  2. Enable Mega Menu with a toggle button and click Save.
  3. Click the EDIT MEGAMENU CONTENT button to enter the Elementor editor.
  4. Build your menu structure using containers, drag & drop content, and widgets.
  5. After customization, click Update to save the template.

Customize menu Icon

  1. Go to the Icon Tab.
  2. Choose a color from the Color Palette.
  3. Select an icon from the Icon Library.
  4. Save your settings.

Customize menu Badge

  1. Go to the Badge Tab
    .
  2. Add your badge text.
  3. Choose a badge background and text color.
  4. Save your settings.

Customize menu Settings

  1. Go to the Settings Tab
    .
  2. Select Mega Menu Width: Default.
  3. Select Mega Menu Position: Default.
  4. Save your settings.

Following these steps can create an impressive mega menu that enhances your website’s navigation. This feature is user-friendly and highly customizable, making it effortless to organize your content effectively. Happy menu building!

Was this article helpful?