Skip to content

How to Create Vertical Tabs in Elementor?

Table Of Content

Vertical tabs put the titles in a column beside the content. They suit long titles and lists of services, steps or categories.

The Tabs/Tours widget from The Plus Addons for Elementor switches to vertical tabs with one setting, in the free plugin.

To check the complete feature overview documentation of The Plus Addons for Elementor Tabs/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.

Before You Start

  • Edition: Free — this works in the free plugin; Pro is not needed.
  • Widget to enable: Tabs/Tours, switched on under The Plus Addons > Widgets.

How to Create Vertical Tabs

  1. Add the Tabs/Tours widget and add your tabs in Content.
  2. Open Layout. In Layout, click the right-hand picture, Vertical.
  3. In Position, choose Left or Right for the column of titles.
The layout section of the tabs/tours widget with the vertical picture selected and position highlighted

The titles now sit in a column beside the content:

Vertical tabs on the front end with the titles in a column on the left of the content
Vertical tabs switching content in a live example

Settings

SettingWhat it doesDefault
LayoutHorizontal (titles in a row) or Vertical (titles in a column)Horizontal
PositionHorizontal: Top or Bottom. Vertical: Left or RightTop / Left
AlignmentLeft, Center or Right alignment of the titlesLeft

Limitations

  • The Swiper Effect (Pro) is only available for horizontal tabs.

Related Docs

Related Frequently Asked Questions

Related Docs