🚀 Essential Addons for Elementor reaches 900,000+ happy users. Join us & get 20% OFF today with coupon 👉
EA Advanced Tabs allows you to orgranize your contents in an effective way. Thanks to it being straight to point, readers can instantly get the key information they are searching for. With the help of EA Advanced Tabs, you can present your contents in an amazing way. Nested Tabs layout is one of the techniques which you can use to make your site very attractive to your users.
The first step would be to drag the EA Advanced Tabs element into the ‘Drag Widget Here’ section. Since our goal is to get a ‘Nested Tabs‘ layout, do this action a few more times depending on the number of tabs you want. It doesn’t matter if you do that on different pages.
After you are done activating EA Advanced Tabs, you can then modify the Content Settings. By default, the layout is set to ‘Horizontal’ and the Content Type to ‘Content’.
You can change the Tab Title for all the Tab Items. For the first Tab Item, if you set the content type as ‘Content’, you can simply just change the ‘Icon’ and ‘Tab Content’.
After you are done with the basic configuration of your original Advanced Tabs, you will have to create few more Advanced Tabs now.
To begin, you can change the Layout from the ‘General Settings’ section.
As already mentioned in Step 2, you can modify your Icon & Content for each of your tabs here.
By default, the layout is set to Horizontal. Simply just modify the content settings as per your preference for all the tab items.
You can style all your Advanced Tabs elements as per your preference. For more information, you can check out this documentation on how to style EA Advanced Tabs.
You will have to save the Advanced Tabs Section you have created as templates for each (apart from the original one). Simply click on the section with the ‘: : :’ icon and click on ‘Save as Template’.
You will then be asked to put a name for your template and simply click on ‘Save’. Your template will then be saved.
You will have to do this for each section you have created aside from the original one where we are going to use these for.
To use your saved templates, go back to the original Advanced Tabs you have created by using Step 1.
Then simply choose the ‘Content Type’ to ‘Saved Template’ for your choosing tab items. Use the dropdown to ‘Choose Template’ from the ones you have saved.
By following these mentioned steps and a bit more modifying & styling, your final outcome would look like something like this.
This is how you can easily design a Nested Tabs Layout with EA Advanced Tabs Element.
Getting stuck? Feel to Contact Our Support for further assistance.
Get Started Now
Powered by BetterDocs
Most Popular Elementor Addons That Powering Up 900,000+ WordPress Sites.
Copyright © 2021 | A WPDeveloper Product | Built with Flexia & Elementor [GcP]
It’s easy: all we need is your eternal love. But we’ll settle for your email.
I Don't Want To win!