With many tabs, the titles run into a long, uneven row that wraps wherever it runs out of space.
The Tab Columns option of the Tabs/Tours widget from The Plus Addons for Elementor places the titles in equal columns, for example three per row.
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: Pro — Tab Columns needs The Plus Addons for Elementor Pro. The Tabs/Tours widget itself is free.
- Widget to enable: Tabs/Tours, switched on under The Plus Addons > Widgets.
How to Split Tab Titles into Columns
- Add the Tabs/Tours widget and add your tabs in Content.
- Open Extra Option and click the pencil icon next to Tab Columns.
- Turn on the Tab Columns switch.
- Choose how many titles go in each row in Column (1 to 6). Use the device icon next to the label to set a different number for tablet and mobile.
- Optional: add space around each title with Column Padding.
With six tabs and Column set to 3, the titles sit in two rows of three, all the same width:
Settings
| Setting | What it does | Default |
|---|---|---|
| Tab Columns | Places the tab titles in equal columns | Off |
| Column | Titles per row, 1 to 6. Can differ per device | 3 |
| Column Padding | Space inside each column around the title | Empty |
Limitations
- Tab Columns is not part of the free plugin.
Troubleshooting
The titles do not form columns
Check that the Tab Columns switch inside the popover is on, not only the pencil icon opened.
