By default the first tab is open when a page loads. Sometimes another tab matters more, or you want visitors to see only the titles first.
The Active Tab option of the Tabs/Tours widget from The Plus Addons for Elementor opens any tab you choose on page load, or keeps them all closed.
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 — Active Tab 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.
- In the free plugin the first tab is always open on page load.
How to Choose the Open Tab
- Add the Tabs/Tours widget and add your tabs in Content.
- Open Extra Option.
- In Active Tab, pick the number of the tab to open, counting from the first tab. Or pick All Close to keep every tab closed until a visitor clicks one.
With All Close, visitors see only the tab titles until they click one:
Different Settings on Tablet and Mobile
The Style tab has two more options in its Extra Option section:
- Force All Close in Tablet and Force All Close in Mobile appear when Active Tab is a number. They keep all tabs closed on that device. In our test the first tab was open on desktop and closed on a 390 px phone screen.
- First Tab Active in Tablet and First Tab Active in Mobile appear when Active Tab is All Close. They open the first tab on that device. In our test First Tab Active in Mobile opened the first tab on a 390 px phone screen, while no tab was open on desktop.
How It Behaves
- Only one tab is open at a time. Clicking another title closes the open one.
- All Close only affects page load. After a visitor opens a tab, one tab stays open unless Second Click Closed is on.
- Tablet and mobile follow the device sizes of Elementor: our 800 px test counted as tablet and 390 px as mobile.
Limitations
- If the number is higher than the number of tabs, no tab opens (tested: 9 with four tabs).
- With Tab Navigation Responsive set to Force Accordion, the phone view highlights the first accordion title even when another tab is set as active and its content is open.
- With Autoplay on, Active Tab is not respected: the first title is highlighted while the chosen tab’s content shows.
- The option is not part of the free plugin.
Troubleshooting
No tab is open when the page loads
Check that Active Tab is not All Close and not higher than your number of tabs. On a phone or tablet, also check Force All Close in Mobile and Force All Close in Tablet in the Style tab.
