---
title: "How to change Tabs with Swiper Effect?"
url: https://nexterwp.com/docs/wordpress-tabs-with-swiper-effect/
date: 2023-02-10
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "Eight tab titles across a phone screen either wrap into a block of text or get squeezed until nobody can read them. The Swiper Effect turns that row into a..."
image: https://nexterwp.com/wp-content/uploads/2024/05/wordpress-tabs-with-swiper-effect-1024x519.jpg
word_count: 386
---

# How to change Tabs with Swiper Effect?

## Key Takeaways

- Tabs Tours usa Swiper Effect para convertir una fila de títulos en una banda deslizante, y el bloque admite hasta 10 pestañas.
- Nexter Blocks Free funciona con Tabs Tours, que se activa en Nexter > Blocks dentro del panel de WordPress.
- Swiper Effect solo afecta a los títulos de las pestañas, no al contenido, y funciona mejor con muchas pestañas o títulos largos; con dos o tres cortos no hay nada que deslizar.

Eight tab titles across a phone screen either wrap into a block of text or get squeezed until nobody can read them.

The Swiper Effect turns that row into a strip visitors can swipe along, so the titles keep their size.

*For every Tabs Tours setting in one place, see the [Tabs Tours block guide](https://nexterwp.com/docs/add-tabs-on-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/)

## Before You Start

- **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Tabs Tours, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Your sections planned:** one tab per section, and the block takes up to **10 tabs**.

## Steps

- Add the **Tabs Tours** block to your page and click **Design from Scratch**.

- Open the **Content** panel. Each item in **Tabs** is one tab — set its **Title**, and click **Add Tab** for more.

![The Tabs repeater with a tab's Title field](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-tabs-list.webp)

- Set each tab's **Content Type** and fill in its content.

![The Content Type setting on a tab](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-content-type.webp)

- Open the **Layout** panel and switch **Swiper Effect** on.

![The Layout panel with Swiper Effect switched on](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-swiper.webp)

- Publish the page, then try swiping or dragging the tab titles.

## How It Behaves

- The tab titles become a sliding strip rather than a row that wraps.- Visitors swipe on a touch screen, or drag with the mouse on desktop.- The tab content below is unaffected — only the titles slide.- It comes into its own with many tabs or long titles; with two or three short ones there is nothing to swipe.

## Limitations

- Titles that are off to the side are out of sight until someone swipes, so put the most important tabs first.- There is no visible arrow to hint that the strip scrolls, which some visitors will miss.- The effect applies to the titles, not to the tab content.- It is a per-block setting, so every tab strip in the block behaves the same way.

## Troubleshooting

### Nothing slides

With only a few short titles they all fit, so there is nothing to scroll. Add more tabs or view the page on a narrower screen to see the effect.

### The titles still wrap onto two lines

Check **Swiper Effect** is on and view the published page — the slider script only runs on the front end.

### Swiping scrolls the whole page instead

Swipe directly on the tab titles. A swipe that starts on the content below moves the page as usual.

## Related Docs

- [Vertical tabs layout](https://nexterwp.com/docs/vertical-tabs-in-wordpress/)- [Tabs Tours block: all settings](https://nexterwp.com/docs/add-tabs-on-wordpress/)- [Connect a carousel with tabs](https://nexterwp.com/docs/connect-carousel-with-wordpress-tabs/)

## Frequently Asked Questions

**Q: Why do tab titles wrap on a phone screen, and how does Swiper Effect fix it?**
A: Long tab rows run out of horizontal space on mobile, so the titles either wrap into a block or get squeezed until they are hard to read. Swiper Effect turns that row into a strip visitors can swipe, which keeps the title size intact. In Nexter Blocks, this is handled by the Tabs Tours block, and it is most useful when you have many tabs or long titles.

**Q: What do I need before using Swiper Effect on WordPress tabs?**
A: The setup starts with the Tabs Tours block in Nexter Blocks. It is available in the Free edition and works in Nexter Blocks Pro, but the block itself must be enabled under Nexter > Blocks in your WordPress dashboard. The page also assumes one tab per section, and the block supports up to 10 tabs, so planning the content structure first avoids rework later.

**Q: How many tabs can I use with the Swiper Effect layout?**
A: The Tabs Tours block takes up to 10 tabs. That limit matters because Swiper Effect is most useful when there are enough titles to create an actual strip to swipe through. With only two or three short tabs, there is usually nothing to scroll, so the effect adds little value even though it is turned on.

**Q: Why is nothing sliding when I try to swipe the tab titles?**
A: Nothing moves when all the titles already fit on screen. With only a few short titles, there is no overflow for the strip to scroll. The practical fix is to add more tabs or test on a narrower screen where the row has less room. In Nexter Blocks, the sliding behavior only appears when there is something to slide.

**Q: Why do my tab titles still wrap onto two lines after turning Swiper Effect on?**
A: That usually means the slider script has not run yet on the front end. The page notes that Swiper Effect should be checked on the published page, because the script only runs there. If you are testing inside an editor view, you may still see wrapping even though the setting is enabled.

**Q: Should I use Swiper Effect for short tab labels or only for long tab lists?**
A: Swiper Effect makes the most sense when you have many tabs or long titles that would otherwise crowd a phone screen. With two or three short labels, there is usually nothing to swipe and no real benefit. A good rule from this setup is to put your most important tabs first, since off-screen titles stay hidden until someone swipes.