The Tabs element allows you to add responsive tabbed content to your page.
- Content Organizer
- Add Visual Consistency
- Make Navigation Self-Evident
In this article
Displaying a Tabs Element
To add a Tabs element to a page:
|Tab Items||Lists all tabs item.
|Title & Content||Adds title and content to your tabs. Please note that you can only add the rich text inside the tabs. You can not add any other element inside them. However, you can add WordPress shortcodes and content blocks from Elementor > My Templates by copy/pasting the shortcode inside the tab content.
|Icon||Adds icon displayed in the tab menu.
|Add Item button||Adds more tab item.|
|Settings||Sets the Orientation of the menu. Choices are Horizontal and Vertical.
|Tabs||Sets Tabs Active Background color, Border Color and Border width.
|Title||Sets Title Text Color, Active Text Color, Typography and Padding.
|Description||Sets Description Text Color, Typography and Padding.
|Icon||Sets Icon Color, Size and Spacing.
You can choose to have different settings on different screen sizes for some of the Tab element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.
At first you’ll see the icon for desktop layout only
But when you click that icon, you’ll get two more layouts: for tablet and phone.
To learn more about it, please check this article.