---
title: "How to Create a Swiper Mobile Menu in Elementor?"
url: https://theplusaddons.com/docs/create-a-swiper-mobile-menu-in-elementor/
date: 2023-10-28
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Are you looking to add a swiper mobile menu to your Elementor website? If you have lots of menu items on mobile then the swiper menu is a perfect option.  ..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Create-a-Swiper-Mobile-Menu-in-Elementor_-1024x536.jpg
word_count: 243
---

# How to Create a Swiper Mobile Menu in Elementor?

## 

- Utilizes the Mobile Menu widget from The Plus Addons for Elementor to create a swiper mobile menu.
- Requires installation and activation of The Plus Addons for Elementor to access the Mobile Menu widget features.
- Incorporates style settings and menu item configurations to enable a functional swiper mobile menu on mobile devices.

Are you looking to add a swiper mobile menu to your Elementor website? If you have lots of menu items on mobile then the swiper menu is a perfect option.  

With the Mobile Menu widget from The Plus Addons for Elementor, you can easily make a swiper mobile menu on your Elementor website.

*To check the complete feature overview documentation of The Plus Addons for Elementor Mobile Menu widget, [click here](/docs/mobile-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-widget/elementor-mobile-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the Mobile 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.*

1. From the **Style** section, select **Style 1**.

Then select the appropriate menu position.

2. Add your desired screen width in the **Open Mobile Menu** section so the menu is only visible on mobile.

3. Then in **Menu 1** tab, add menu items. Make sure to add enough menu items so it goes beyond the visible screen.

4. Finally, go to the **Extra Options** tab and select **Swiper **from the **Display** dropdown. 

Now you’ll see a beautiful swiper mobile menu which users can swipe left and right to navigate the menu.

![mobile menu swiper menu demo](https://theplusaddons.com/wp-content/uploads/2023/10/mobile-menu-swiper-menu-demo.gif)

Also, read [How to Create a Popup Mobile Menu with Elementor Template](https://theplusaddons.com/docs//create-a-popup-mobile-menu-with-elementor-template/).