How to Add a Swipe or Slide Effect on Elementor Tabs?

Table Of Content

When you have a long list of tab items, keeping the design intact can be a very difficult task. You can solve this issue by using the Swiper Effect in The Plus Addons for Elementor Tabs/Tours widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Tabs and Tours widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Adding a Swipe or Slide Effect on Elementor Tabs (Step-by-Step)

To do this, add the Tabs/Tours widget on the page, go to Extra Option > Swiper Effect, and turn on the toggle.

Tpae tabs tours swiper effect how to add a swipe or slide effect on elementor tabs? From the plus addons for elementor

Now in the Mode, you will find two options: Swipe and Slide.

  • Swipe – With this option, you can manually swipe the tab titles horizontally.
  • Slide – This option will add slider navigation to the tab titles, and you have to click on the arrows to navigate the titles.

You can turn on the Loop toggle to make it an infinite loop.

With the Slide option selected, you will get a Center Mode option. This will position the tab title at the middle point where the slider ends and starts.

Slider tab preview

That’s it for our quick guide on how you can add a swipe or slide effect on Elementor tabs.

AUTHOR

Aditya Sharma

Aditya has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos