---
title: "How to Create a Menu With Repeater in Elementor?"
url: https://theplusaddons.com/docs/create-a-menu-with-repeater-in-elementor/
date: 2023-10-27
modified: 2026-08-31
lang: en
author: "Aditya Sharma"
description: "The Navigation Menu widget from The Plus Addons for Elementor, allows you to easily create menus using the repeater option. With this option, you can directly create the menu in..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Menu-With-Repeater-in-Elementor_-1024x536.jpg
word_count: 1571
---

# How to Create a Menu With Repeater in Elementor?

## 

- Navigation Menu widget de The Plus Addons for Elementor crea menús con la opción Repeater, sin depender de un menú de WordPress en Appearance > Menus.
- Menu Level va de 0 Level a 6 Level, y 0 Level define los elementos de nivel superior mientras que 1 Level y superiores crean submenús anidados.
- Sub Menu Type ofrece dos opciones en 1 Level: Link para un desplegable normal y Mega Menu para un submenú basado en una plantilla de Elementor.
- Cada elemento del repeater admite Link, Menu Text, Menu Icon Type, Label, Description y Custom Class, además de icono o imagen por elemento.
- Mega Menu Type permite elegir default, container o full width, y Container Width, Mobile Mega Menu Link y Submenu Minimum Width (Px) no aplican a 0 Level.

The Navigation Menu widget from The Plus Addons for Elementor, allows you to easily create menus using the repeater option. With this option, you can directly create the menu in the widget making it easier to use.

*To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu widget, [click here](/docs/navigation-menu-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

Table Of Contents

## What It Does

The Navigation Menu widget's Layout tab has a Menu Type dropdown set to Repeater. Instead of pulling from a WordPress menu you built under Appearance > Menus, Repeater mode lets you build the whole menu, top-level items and dropdown submenus, directly inside the widget's own Navigation Menu repeater list.

## Why It Matters

Building a menu inside the widget removes a round trip to the WordPress menu screen every time you need to add an item, change an icon, or swap a submenu between a simple link and a mega menu template. For a header that is being designed and tweaked live in Elementor, that keeps the whole process, structure and styling, in one place.

## What You Get

Switching Menu Type to Repeater gives you a Navigation Menu repeater where each item can set:

- Menu Level (0 Level through 6 Level) to control top-level items versus nested submenu depth

- Link and Menu Text for a plain link item

- Sub Menu Type (Link or Mega Menu) for Level 1 items

- Template, Mega Menu Type and Container Width for a Mega Menu submenu

- Menu Icon Type (icon or image), a custom Label badge, Description text and a Custom Class per item

## Benefits

- No dependency on a separately maintained WordPress menu; the structure lives with the widget

- Per-item icons, images, labels and descriptions that a standard WordPress menu does not offer

- Mixing plain links and Mega Menu template submenus inside the same menu, item by item

## Capabilities

Menu Type on the Layout tab offers two options: Default, which pulls in a standard WordPress menu, and Repeater, which is the custom item-by-item builder covered in this doc. Within Repeater mode, each item's Menu Level decides whether it is a top-level item (0 Level) or a submenu item (1 Level and deeper), and Sub Menu Type decides whether a Level 1 item opens a simple Link dropdown or a Mega Menu built from an Elementor template.

***Also Read:** [5 best Elementor mega menu plugins](https://theplusaddons.com/blog/best-elementor-mega-menu-plugins/).*

## How It Works

Each row you add with the repeater's Add Item button becomes one menu entry. Its Menu Level value tells the widget where it sits in the hierarchy: a row at 0 Level renders as a top-level menu item, and any rows placed below it at 1 Level or deeper render as its dropdown, nested according to their own level. Sub Menu Type only appears on 1 Level items, since that is the level where the widget decides whether that dropdown is a plain Link list or a template-driven Mega Menu.

## How to Use It

To do this, add the Navigation Menu widget to the header template and follow the steps -

> *Note: To create the header template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* or you can use Elementor Pro if you are already using it.*

### Add Top Level Menu

1. Select **Repeater** from the **Menu Type** dropdown. 

2. Then select an appropriate option from the **Menu Direction** dropdown.

3. Now, you'll see an item under the **Navigation Menu** section. Open the item

4. From the **Menu Level** dropdown, you have to select the menu level. Here, you'll find 0 Level to 6 Level, 0 Level being the top level menu subsequently followed by other levels.

***Also Read:** [5 best Elementor mega menu plugins](https://theplusaddons.com/blog/best-elementor-mega-menu-plugins/).*

So to create the top level menu, you have to set the **Menu Level** to **0 Level**.

![Setting Menu Level to 0 Level to create a top-level Navigation Menu repeater item](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-repeater-menu.gif)Setting Menu Level to 0 Level for a top-level repeater menu item.

5. In the **Link** field, you have to add the URL of the item.

6. In the **Menu Text** field, you have to add the label name of the menu item.

From the **Dropdown Menu Alignment** dropdown, you can set the dropdown content alignment.

> *Note: The Container Width, Mobile Mega Menu Link and Submenu Minimum Width (Px) options are not applicable for ****0 Level**** they only work for sub menu.*

From the **Label** toggle, you can add an additional label to the menu item. You can also manage the label's color and background from here.

You can add an icon or image to the menu item from the **Menu Icon Type** dropdown.

From the **Padding** section, you can add padding to the menu item.

You can also add some additional text as a description in the **Description** field.

In the **Custom Class** field, you can add a class name to target the menu item with custom CSS or js.

***Also Read:** [how to create a side menu in Elementor](https://theplusaddons.com/docs/create-a-side-mega-menu-in-elementor/).*

7. Then click on the **+ Add Item** button to add more items.

> *Note: To make top level menu items, make sure you have set ****0 Level**** in the ****Menu Level**** in each item.*

### Add Sub Menu

1. To add a submenu, click on the **+ Add Item** button to add an item.

2. Open the new item, and select **1 Level** from the **Menu Level**.

![Setting Menu Level to 1 Level to nest a repeater item as a submenu](https://theplusaddons.com/wp-content/uploads/2023/10/navigation-menu-repeater-submenu.gif)Setting Menu Level to 1 Level to nest an item as a submenu.

> *Note: For sub menu, you have to put the sub menu items below its top level menu item to show them in the dropdown.*

> *Note: In a similar way, you can create a multi level dropdown menu by selecting subsequent levels and placement.*

3. From the **Sub Menu Type,** you have to select the sub menu type. Here, you'll find two options - 

**Link** - For creating a normal dropdown menu.

**Mega Menu** - For creating a mega menu.

For the **Link** option, you'll get the same options as in the top level menu.

For the **Mega Menu** option, you have to create an Elementor template and select from the **Template** dropdown.

From the **Mega menu Type** dropdown, you can set the mega menu container width. You can set the width to default, container or full width.

When you select the default width, you get options to set a custom width for the mega menu and content alignment.

When you enable the **Mobile Mega Menu Link** toggle you can add a link and text for the sub menu item.

From the **Submenu Minimum Width (Px)**, you can set the width of sub menu when **Sub Menu Type** is set to **Link**.

The rest of the options are the same as you'll find in the top level menu.

In a similar way, you can add more sub menu items by clicking on the **+ Add Item** button.

This is how simply you can create a menu using the repeater option.

***Also Read:** [how to create a mega menu in Elementor](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/).*

## Use Cases

- Headers where each menu item needs its own icon, image, or a "New" or "Sale" style label badge that a plain WordPress menu cannot show

- Menus that mix simple link dropdowns for some items with a full Mega Menu template for others

- Sites that want the entire navigation structure and styling defined inside Elementor, without a separate trip to Appearance > Menus

## Limitations

- Sub Menu Type (Link versus Mega Menu) is only offered at Menu Level 1; deeper levels (2 through 6) do not get their own Link/Mega Menu choice

- Container Width, Mobile Mega Menu Link and Submenu Minimum Width (Px) do not apply to 0 Level items; they only affect submenu levels

- Repeater menus are managed entirely inside the widget, so a menu built this way is not available to reuse in a WordPress menu location elsewhere on the site the way a Default-type menu is

## Troubleshooting

**Mega Menu template stuck on "Edit" loading screen.** Reported in FluentSupport ticket #22044 ("Mega Menu"), where clicking Edit Template on a Mega Menu submenu item left the Elementor editor stuck on a loading screen instead of opening the template. Try creating and saving the template from the Elementor Templates screen directly, then selecting it from the Template dropdown, rather than relying on the inline Edit Template link.

**Menu Direction options (horizontal, vertical, vertical side) not visible.** Reported in FluentSupport ticket #21460 ("Navigation menu"), where a user could not find the Menu Direction control and the menu stayed stuck vertical. Menu Direction is a Layout tab control shared with Repeater mode; confirm you are editing the Navigation Menu widget's Layout tab and not a different navigation widget or a cached editor panel.

**New repeater item added below a top-level item still shows at the top level.** This is a source-verified likely cause, not a logged ticket: an item's position in the dropdown depends on its Menu Level value, not just where it sits in the list. If a submenu row is left at 0 Level instead of 1 Level or deeper, it renders as another top-level item instead of nesting under the item above it.

**Mega Menu submenu shows no width or alignment controls.** Also source-verified: Container Width and Dropdown Menu Alignment only appear when Mega Menu Type is set to Default; switching Mega Menu Type to Container or Full Width intentionally hides those two fields since the container itself now controls the width.