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 its installed & activated to enjoy all its powers.

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

tabs swiper effect

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 in the middle point where the slider ends and starts.

slider tab preview

Also, check How can you use an Elementor template inside the Tabs widget.