---
title: "How to Create a Swiper Menu for Mobile in WordPress?"
url: https://nexterwp.com/docs/create-a-swiper-menu-for-mobile-in-wordpress/
date: 2024-12-02
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "A swiper menu shows all main links in a row that visitors swipe sideways, so the menu is always visible on phones. The Navigation Menu block in Nexter Blocks Pro..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Swiper-Menu-for-Mobile-in-WordPress_-1024x519.jpg
word_count: 223
---

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

## Key Takeaways

- Nexter Blocks Navigation Menu block adds a swiper menu for the mobile menu in WordPress, and the post says it can improve user experience on smaller screens.
- Responsive Mobile Menu toggle in the Mobile Menu tab enables the mobile menu, and Open Mobile Menu(Screen Width) sets the minimum width for it.
- Swiper menu setup uses the Navigation Bar tab to choose Type, Layout, and menu, then Menu Type is set to Swiper; Manual Menu shows Standard and Custom options, while WordPress Menu shows only Standard.

A swiper menu shows all main links in a row that visitors swipe sideways, so the menu is always visible on phones.

The Navigation Menu block in Nexter Blocks Pro has a Swiper mobile menu type.

*For every Navigation Menu setting in one place, see the [Navigation Menu block guide](https://nexterwp.com/docs/add-a-navigation-menu-in-wordpress/).*

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

## Before You Start

- **Edition:** **Pro** — The Swiper mobile menu needs Nexter Blocks Pro.- **Block to enable:** Navigation Menu, switched on under **Nexter > Blocks** in your WordPress dashboard.

## Steps

- Add the **Navigation Menu** block to your header template and set up the menu.

- Open **Mobile Menu**, turn on **Responsive Mobile Menu** and set **Open Mobile Menu (Screen Width)**.

- Choose **Custom** or **Standard** under Mobile Menu, then set **Menu Type** to **Swiper**.

![Menu Type set to Swiper in the Mobile Menu panel](https://nexterwp.com/wp-content/uploads/2026/09/navigation-menu-mobile-type.webp)

- Set **Navigation Alignment** and save.

## How It Behaves

- Below the chosen width, the menu becomes a single row of links that scrolls sideways with a swipe.- There is no hamburger button; the links are always visible.

## Limitations

- **Pro only.** Without Pro the swiper script is missing and the row does not swipe.- Dropdown sub-items are not shown in the swipe row. Keep swiper menus to top-level links.

## Troubleshooting

### The row does not swipe

Check that Nexter Blocks Pro is active and clear any page cache.

## Related Docs

- [Create a toggle menu for mobile](https://nexterwp.com/docs/create-a-wordpress-toggle-menu-for-mobile/)- [Create an off-canvas mobile menu](https://nexterwp.com/docs/create-an-off-canvas-mobile-menu-in-wordpress/)- [Navigation Menu block: all settings](https://nexterwp.com/docs/add-a-navigation-menu-in-wordpress/)