---
title: "How to Create a Swiper Menu for Mobile in WordPress?"
url: https://qa.nexterwp.com/docs/create-a-swiper-menu-for-mobile-in-wordpress/
date: 2024-12-02
modified: 2026-04-14
author: "Aditya Sharma"
description: "Adding a swiper menu for mobile in your WordPress website can improve the user experience as it creates a user-friendly navigation option that allows for easy navigation on smaller screens.  ..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Swiper-Menu-for-Mobile-in-WordPress_-1024x519.jpg
word_count: 295
---

# How to Create a Swiper Menu for Mobile in WordPress?

## Key Takeaways

- Implements a swiper menu for mobile using the Navigation Menu block from Nexter Blocks.
- Enables the Responsive Mobile Menu toggle in the Mobile Menu tab to activate the swiper feature.
- Selects 'Swiper' from the Menu Type section to display a swiper menu for mobile navigation.

Adding a swiper menu for mobile in your WordPress website can improve the user experience as it creates a user-friendly navigation option that allows for easy navigation on smaller screens.  

With the Navigation Menu block from the Nexter Blocks, you can easily add a swiper menu for the mobile menu.

*To check the complete feature overview documentation of the Nexter Blocks Navigation Menu block, [click here](https://qa.nexterwp.com/docs/add-a-navigation-menu-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/builder/wordpress-navigation-menu/)

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

> *Note: To create the header template, you can use the free *[*Nexter Builder*](https://qa.nexterwp.com/docs/nexter-theme-builder-explained/)*.* 

1. From the **Navigation Bar** tab, select the appropriate **Type**, **Layout** and menu.

2. Then go to the **Mobile Menu** tab and enable the **Responsive Mobile Menu** toggle.

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/navigation-menu-mobile-menu-swiper.gif)

In the **Open Mobile Menu(Screen Width)** section, you can specify the minimum width for enabling the mobile menu.

3. If you’ve selected **Manual Menu** in the **Navigation Bar**, then you’ll see two options in the **Mobile Menu **dropdown -

- **Standard** - For using a WordPress menu as the mobile menu.

- **Custom** -  For using your custom menu as the mobile menu.

Let’s select **Standard** here.

> *Note: If you’ve selected ****WordPress Menu ****in the ****Navigation Bar****,**** ****then you’ll only get the ****Standard**** option in the ****Mobile Menu ****section.*

4. Select your menu from the **Select Menu** dropdown.

> *Note: For the ****Custom**** option you won’t get this option as your custom menu will be the mobile menu.*

5. Then, from the **Menu Type** section, select **Swiper**.

From the **Navigation Alignment** section, you can align the mobile menu items.

Now you’ll see a swiper menu for the mobile menu.

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/navigation-menu-mobile-menu-swiper-demo.gif)