Avada Tabs Element Examples

The Avada Tabs Element enables you to organize content into tabbed sections, offering a clean and user-friendly approach to presenting large amounts of information without overwhelming the page. With horizontal or vertical layouts, custom icons, complete styling control, and smooth transitions, you can create interactive, branded tabs that improve readability and engagement.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ullamcorper dolor pulvinar aliquet. In vel nisl eros. Integer mattis, metus id dictum cursus, metus augue pharetra quam, a suscipit ipsum diam eget eros. Nullam ligula nibh, hendrerit a ultricies vitae, rutrum eu orci. Vivamus quis ipsum at nisl hendrerit euismod dignissim sed augue. In eu sagittis felis. Vivamus ut sapien ut purus imperdiet venenatis. Integer in aliquet diam, ac fringilla ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ullamcorper dolor pulvinar aliquet. In vel nisl eros. Integer mattis, metus id dictum cursus, metus augue pharetra quam, a suscipit ipsum diam eget eros. Nullam ligula nibh, hendrerit a ultricies vitae, rutrum eu orci. Vivamus quis ipsum at nisl hendrerit euismod dignissim sed augue. In eu sagittis felis. Vivamus ut sapien ut purus imperdiet venenatis. Integer in aliquet diam, ac fringilla ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ullamcorper dolor pulvinar aliquet. In vel nisl eros. Integer mattis, metus id dictum cursus, metus augue pharetra quam, a suscipit ipsum diam eget eros. Nullam ligula nibh, hendrerit a ultricies vitae, rutrum eu orci. Vivamus quis ipsum at nisl hendrerit euismod dignissim sed augue. In eu sagittis felis. Vivamus ut sapien ut purus imperdiet venenatis. Integer in aliquet diam, ac fringilla ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ullamcorper dolor pulvinar aliquet. In vel nisl eros. Integer mattis, metus id dictum cursus, metus augue pharetra quam, a suscipit ipsum diam eget eros. Nullam ligula nibh, hendrerit a ultricies vitae, rutrum eu orci. Vivamus quis ipsum at nisl hendrerit euismod dignissim sed augue. In eu sagittis felis. Vivamus ut sapien ut purus imperdiet venenatis. Integer in aliquet diam, ac fringilla ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ullamcorper dolor pulvinar aliquet. In vel nisl eros. Integer mattis, metus id dictum cursus, metus augue pharetra quam, a suscipit ipsum diam eget eros. Nullam ligula nibh, hendrerit a ultricies vitae, rutrum eu orci. Vivamus quis ipsum at nisl hendrerit euismod dignissim sed augue. In eu sagittis felis. Vivamus ut sapien ut purus imperdiet venenatis. Integer in aliquet diam, ac fringilla ligula.

This Avada Tabs Element is set up as follows: Five Child Items, Design (Classic), Layout (Vertical), Tabs Title Tag (H3), Tabs Content Padding, Border Color, Background Color, and Mobile Mode (Accordion).

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit auti.

Nullam nec nisl aliquet, pretium mi at, tincidunt lorem. Vivamus cursus sit amet justo vel facilisis. Donec egestas est nec risus pretium euismod. Curabitur lectus odio, blandit vel hendrerit vitae, vehicula eu ipsum. Sed consectetur vestibulum sem sed varius. Vestibulum semper ut erat at imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean sit amet consequat magna. Quisque viverra purus ut diam eleifend, ac porta dui elementum.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas gravida tristique rutrum. Praesent gravida elit purus, sed blandit eros sagittis in. Vivamus molestie dui vitae ante vehicula molestie. Nullam hendrerit sit amet purus vel vulputate. Phasellus non fringilla ex. Fusce ex eros, maximus ac dictum sit amet, mollis sed augue. Vestibulum vel metus commodo, semper mi sed, aliquam magna.

This Avada Tabs Element is set up as follows: Three Child Items, Design (Classic), Layout (Horizontal), Justify Tabs (Yes), Sticky Tabs (No), Icon, Icon Position (Right), Tabs Icon Size (14px), Tabs Title Tag (H3), Tabs Content Padding, Border Color, Background Color, and Mobile Mode (Toggle).

Avada Tabs Are Awesome
Nulla vel ex at augue eleifend vulputate in in sem. Cras consequat, elit quis congue eleifend, nisl eros dignissim justo, quis vehicula ex mauris sit amet nisl. Nam et vulputate erat, sed pellentesque lacus. Quisque turpis lacus, cursus vulputate odio et, elementum malesuada neque. In fermentum leo a nunc auctor fringilla. Vivamus lacus eros, bibendum eget luctus non, bibendum vitae orci. Praesent blandit tellus eget ipsum sagittis viverra.
Nullam nec nisl aliquet, pretium mi at, tincidunt lorem. Vivamus cursus sit amet justo vel facilisis. Donec egestas est nec risus pretium euismod. Curabitur lectus odio, blandit vel hendrerit vitae, vehicula eu ipsum. Sed consectetur vestibulum sem sed varius. Vestibulum semper ut erat at imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean sit amet consequat magna. Quisque viverra purus ut diam eleifend, ac porta dui elementum.

Avada Logo

Nulla vel ex at augue eleifend vulputate in in sem. Cras consequat, elit quis congue eleifend, nisl eros dignissim justo, quis vehicula ex mauris sit amet nisl. Nam et vulputate erat, sed pellentesque lacus. Quisque turpis lacus, cursus vulputate odio et, elementum malesuada neque. In fermentum leo a nunc auctor fringilla. Vivamus lacus eros, bibendum eget luctus non, bibendum vitae orci. Praesent blandit tellus eget ipsum sagittis viverra.

Nunc faucibus metus velit. In tincidunt dapibus urna sit amet pharetra. Cras blandit elit sit amet nisi aliquam, efficitur malesuada massa suscipit. Sed sollicitudin eget diam in hendrerit. Curabitur lacus arcu, malesuada quis finibus eu, consequat non nisi. In venenatis odio nec neque consectetur mattis. Proin quis felis quis orci feugiat ultricies eget ut ex. Phasellus erat lorem, facilisis at risus id, bibendum rutrum purus. Mauris vehicula laoreet massa, elementum mattis augue ornare in. Phasellus eu varius justo. Sed pulvinar aliquet interdum. Vestibulum tempus dui sit amet sapien mattis hendrerit. Pellentesque aliquam congue nisl, eget sollicitudin mauris semper id. Curabitur sollicitudin est velit, quis interdum mi convallis in. Sed eget pharetra sapien, in porttitor arcu. Nunc pharetra nisl augue, vel fermentum diam mollis in.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas gravida tristique rutrum. Praesent gravida elit purus, sed blandit eros sagittis in. Vivamus molestie dui vitae ante vehicula molestie. Nullam hendrerit sit amet purus vel vulputate. Phasellus non fringilla ex. Fusce ex eros, maximus ac dictum sit amet, mollis sed augue. Vestibulum vel metus commodo, semper mi sed, aliquam magna.

Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit auti.
Nunc faucibus metus velit. In tincidunt dapibus urna sit amet pharetra. Cras blandit elit sit amet nisi aliquam, efficitur malesuada massa suscipit. Sed sollicitudin eget diam in hendrerit. Curabitur lacus arcu, malesuada quis finibus eu, consequat non nisi. In venenatis odio nec neque consectetur mattis. Proin quis felis quis orci feugiat ultricies eget ut ex. Phasellus erat lorem, facilisis at risus id, bibendum rutrum purus. Mauris vehicula laoreet massa, elementum mattis augue ornare in. Phasellus eu varius justo. Sed pulvinar aliquet interdum. Vestibulum tempus dui sit amet sapien mattis hendrerit. Pellentesque aliquam congue nisl, eget sollicitudin mauris semper id. Curabitur sollicitudin est velit, quis interdum mi convallis in. Sed eget pharetra sapien, in porttitor arcu. Nunc pharetra nisl augue, vel fermentum diam mollis in.
Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit auti.

This Avada Tabs Element is set up as follows: Nested Column (1/1), Six Child Items, Design (Clean), Layout (Horizontal), Justify Tabs (Yes), Sticky Tabs (No), Icon, Icon Position (Top), Tabs Icon Size (18px), Tabs Title Tag (H4), Font (Custom), Tabs Content Padding, Title Tab Border Radius (10px), Border Color, Background Color, Icon Color, and Mobile Mode (Accordion).

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Table Element Featured ImageTable
Avada Tag Cloud Element Featured ImageTag Cloud