How To Use & Customize Advanced Tabs Widget

The Advanced Tabs Widget are a great way to display lots of information in same section of your website, so that the users can easily access the content that you are interested in without even reloading the page.

follow the step by step instructions:

Step 1: Use Advanced Tabs

  • Go to Menu Romethemekit, and you will be able to see Advanced Tabs Widget.
  • Click Add New Container.
  • On the canvas select your structure.
  • Drag the widget from the Elementor and Drop it on the selected area.
  • Showing Advanced Tabs.

Step 2: Customize Advanced Tabs


  • You can select Layout : horizontal or vertical.
  • Select Icon Alignment.
  • Click your Tab.
  • Click Icon Library to add any icon.
  • You can change Title and Content Text as your need.
  • Create a new Tab by clicking Add Item Button.


  • Click Menu Style → Tab Title.
  • You can setting your tab title as you need.
  • Click Menu Style → Content.
  • You can setting your content as you need.