1. Documentation
  2. Site setup
  3. Mega Menu managed via Theme Builder

Mega Menu managed via Theme Builder

Summarize with ChatGPT

Creating a mega menu in WordPress has never been easier. Follow the steps below to build an organized and expandable navigation menu for your website using the built-in Theme Builder.

Step 1: Configure the menu

Before creating a mega menu, you must define a standard WordPress menu.

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

Add menu item:

  1. Expand Custom Links in the “Add menu item” section on the left column.
  2. Enter the URL and Link Text.
  3. Click Add to Menu.
  4. Add menu items under a parent menu item. These links will be displayed on mobile and tablet devices.
  5. Repeat these steps for other menu items.

Step 2: Create a mega menu

  1. Go to your site admin area → Theme Builder → Mega Menus.
  2. Click Add New Mega Menu.
  3. In the popup, select the menu name, menu item under which the mega menu should appear and choose a width.
  4. Click Edit with Elementor.
  5. Build your mega menu layout using containers and widgets.
  6. You can also insert pre-made templates from the Template Library (click the Key icon and search for mega menu).
  7. Click Update to save the template.

Optimizing the mega menu for mobile and tablet

Mega menus are not ideal for smaller screens. Complex layouts, multiple columns, or embedded widgets may negatively affect usability and performance on mobile and tablet devices. For this reason the mega menu template is hidden on tablet and mobile devices by default.

To display navigation on mobile and tablet:

  1. Go to Appearance → Menus.
  2. Add regular menu items under the parent menu item:

These menu items will be displayed on mobile and tablet devices instead of the mega menu layout.

Mega menus are best suited for desktop navigation and content-heavy websites. By combining a clean desktop mega menu with a simplified mobile menu structure, you ensure optimal usability across all devices.

Was this article helpful?