Tabs Section

Top Tabs are useful if you have a complex web site with major sections that require different navigation sets. One possible use: different audience groups. If your site is small or simple, you probably won't need the Tabs.

Please read instructions carefully before beginning work

This page will explain how to use the tabs section, activate, and deactivate tabs.

Activating Tabs

To activate a tab (highlight it), you should change the class of the list item from "off":

to "on"

and add an "active" class to it:

Turning "off" to "on" bring the tab forward and the "active" class highlights the tab title in white.

The only exception is the first tab that differ in its naming convention: “tab1-off”, “tab1-on”, and has an ID of “tab1”:

Please use this as your first tab and work from there.

Removing the Tabs Section Safely

In order to eliminate tabs from your page, look for following section in your html file:

Simply remove the code between the commented area in that section.