Supplemental Navigation - Responsive Element

Element Information

Supplemental Navigation is a page level navigation element. Intended to be used in combination with the primary navigation element.


  1. Insert the custom element "Navigation - Supplemental" 
  2. Define the element

Detailed Tutorial


Step 1: From your template insert a new element as "Navigation - Supplemental" found under "1 - Responsive Elements"

Navigation(Supplemental) - Select Element

Step 2:  Define the element by clicking the gear icon where you placed the element in the previous step.

Define Custom Element SS

Orientation has three options: Vertical 1 Column (displays navigation as one column), Vertical 2 Column (displays navigation  as two columns), and Horizontal. After selecting a header and orientation there are many styles to choose from. Classic is a black font on a white background, while default is purple on white. Home page is the same as default, except it makes the purple text bold. Gold 1 and Purple 1 give their color respectively to the background and have a black font. The rest of the color styles only appear as backgrounds when hovered over by the mouse.

To mange the links you can click the add link button to add another link to the list. The text field is the text that will show up for the link, while the url field is the url that the text will link to when clicked by the user. The url can be another internal page or an external website.

If the url links to another individual CommonSpot page make sure it ends with ".cfm". For example, /cs-itcs/CommonSpot/index.cfm. If not, when the user clicks the link, an error message will appear. If a url links to an external website the url must begin with "http://" or an error will appear when the link is clicked.

Navigation - Supplemental - Full Setup