Add Tabs

Overview

The Tabs feature allows you to display your site's content in a format that allows visitors to quickly move between different topics while staying on the same page.

Add Tabs

  1. Go to the Content area and click the Design link.
  2. Drag the Tabs feature to the desired position on the page of your mobile site.  By placing the feature on your site, a pop-up Tabs editor should appear.

Edit Tabs

  • By clicking on the Tabs element and choosing Edit from the drop-down menu, a pop-up Tabs editor should appear.
  • To add a new tab, click the Add New Tab button in Tabs editor.
  • Rename tabs by clicking their name in the Tabs editor and typing in a new name.
  • Move tabs by clicking the Tab and dragging it to the desired location. 
  • Delete tabs by hovering over the Tab you'd like to delete and clicking the delete button.

Add Content

You can drag and drop other features, images or content into the Tabs element as well as into each available tab. 

Design

The Tabs feature has the following display options:

General

Add, rename, move, or delete tabs.

Tabs Design

Shape: Change your tabs' orientation and style.

Color: Change the background color or image, text color, and border of your tabs.

Text Style: Change the text style of your tabs.

Selected Tab

Color: Change the background color or image, text color, and border of your selected tab.

Text Style: Change the text style of your selected tab.

Settings

Spacing: Set the padding and margin of the element.

CSS: Change the element's CSS

HTML: Change the element's HTML