How to Create Vertical Tabs in Elementor?

Table Of Content

The Tabs/Tours widget in The Plus Addons for Elementor lets you display content in both horizontal and vertical tab layouts. Switching to vertical tabs takes a single setting change and gives you full control over icon display and navigation positioning.

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

Best Used For:

  • Service-based websites and agencies that list offerings in a vertical side-panel tab layout with icons
  • Portfolio and creative sites that separate project categories using a sidebar-style vertical tab panel
  • SaaS and dashboard-style interfaces that need a vertical navigation tab layout in the Elementor editor

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 to the page and go to Layout > Layout > Vertical.

Tabs/tours widget layout setting set to vertical in the plus addons for elementor

Your horizontal tab layout will switch to a vertical tab layout. From the Position option, you can place the tab navigation on the left or right side of the content panel. To make each tab title a clickable link, see how to add links to a tab title in Elementor.

Vertical tabs preview

Your Elementor vertical tabs are now ready to use. To let users open a specific tab from a page URL, see how to anchor link a tab item in Elementor.

Related Frequently Asked Questions

Related Docs