Skip to content

How to change Tabs with Swiper Effect?

Updated On : September 14, 2026By : Reading Time : 2 minutes

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.
Table of Contents

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.

LIVE BLOCK LINK

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

  1. Add the Tabs Tours block to your page and click Design from Scratch.
  1. 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
  1. Set each tab’s Content Type and fill in its content.
The Content Type setting on a tab
  1. Open the Layout panel and switch Swiper Effect on.
The Layout panel with Swiper Effect switched on
  1. 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

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

Why do tab titles wrap on a phone screen, and how does Swiper Effect fix it?

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.

What do I need before using Swiper Effect on WordPress tabs?

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.

How many tabs can I use with the Swiper Effect layout?

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.

Why is nothing sliding when I try to swipe the tab titles?

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.

Why do my tab titles still wrap onto two lines after turning Swiper Effect on?

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.

Should I use Swiper Effect for short tab labels or only for long tab lists?

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.

Last reviewed: September 15, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53