Wix Editor: Managing and Customizing Your Tabs

13 min read
After adding tabs to your page, manage each individual tab and organize its content. Change the tab order as you wish, and customize the layout and design so it fits your site's theme. 
In this article, learn how to:

Managing your tabs

Manage the tabs to set the order, placement, and name of the items. You can also add, duplicate, and delete items as needed to keep your content fresh.

To manage tabs:

  1. Click the tabs in your Editor.
  2. Click Manage Tabs.
  3. Select how you want to manage the tab items:

Changing your tab's layout

Adjust the layout of your tabs to set the spacing, alignment, and more. Use the settings to fit your page structure, and create a clear layout for your visitors.

To customize the layout:

  1. Click the tabs in your Editor.
  2. Click the Layout icon .
  3. Choose how you want to adjust your tab's layout:
    • Tab menu is: Choose how much you want the tab menu to stretch:
      • Justified: The menu does not fit the width of the box. You can then choose whether to align the menu items to the left, center, or right of the box.
      • Stretched: The menu fits the width of the entire box. You can align the menu content to the left, center, or right of the box.
    • Spacing between tabs: Make the spacing between tab items bigger or smaller.
    • Spacing between tabs and box: Make the space between the menu and the content boxes bigger or smaller.
    • Horizontal padding: Adjust the padding on the left and right of the menu items.
    • Vertical padding: Adjust the padding on the top and bottom of the items.
    • How to display tabs that don't fit: Select how to display to display items that don't fit in the top menu:
      • Scroll: Visitors can scroll through the menu to see all of the items.
      • Wrap: Another line is added to fit all of the items. You can then use the slider to make the spacing between rows bigger or smaller.
    • Display items from: Display items in the top menu from left to right, or vice versa.

Customizing the design of tabs

Adjust the tab's look to create a personal, eye-catching way to showcase content. You can customize different parts of the element separately, and choose settings such as the color, borders, and more.

To design the tabs:

  1. Click the tabs in your Editor.
  2. Click the Design icon .
  3. Select an option under What do you want to design? and customize it with the available options:

Did this help?