The Main Navigation contains the top-level categories for page navigation within a website.
Main Navigation is a part of the header, along with Brand Bar and Masthead. These are found in a site’s Header folder inside the site’s Data node in Content Editor.
Note: While the search bar appears in this same area, it is a separate site configuration and not considered part of the Header component.
Component Information
Benefits
- This component displays the Main Navigation bar for the site. It allows users to easily find pages in the site.
- The Main Navigation organizes the site hierarchy and allows for some variety in how site links are displayed.
- The Main Navigation component is made up of Main Navigation Links which may contain additional columns of links and/or call to action, or CTA, area. Column Links are added into columns.
Template Data
Main Navigation Links
Main Navigation Links are the top-level links added to the Main Navigation bar that appears on the webpage below the Masthead. Main Navigation Links display horizontally on wider browser window views, such as typically found on desktop. They display as stacked top to bottom on narrower views, such as on mobile.
Link (general link)
- Sets the link for the Main Navigation Link
- Description text is what displays on the page.
Is Aligned Right (check box)
- If checked, the Main Navigation Links are right-aligned on desktop and display differently than the default setting.
CTAs Title (single-line text)
- This is only used if the Main Navigation Link is right-aligned.
- Text that displays above the stacked CTAs
Frequently Asked Questions
A Column Link may not be placed directly under a Main Navigation Link. A Column needs to be inserted under a Main Navigation Link first and then Column Links can be added under the Column.
No, top-level Main Navigation Links may stand alone with nothing below them.
Instructions for Use
In Content Editor:
- Locate the site’s Main Navigation folder (site name > Data > Header > Main Navigation).
- Right click on Main Navigation and select Insert in the pop-up panel.
- Then choose Main Navigation Link to add the link.
- Once selected, enter a name for the link. This name is for internal use only.
- Click OK.
- Select the desired insert link option.
- On the Insert Link panel select or input the desired link and put in the Description/Link Description text. This is the text that displays on the site.
- Click Save.
Note: Be sure to add text to the Description field when adding a link when adding any links. This is the only way that link text will appear on the website.
In Content Editor:
- Locate the site’s Main Navigation folder (site name > Data > Header > Main Navigation).
- Select the desired Main Navigation Link.
- Right click on the Main Navigation Link and select Insert in the pop-up panel.
- Select Column.
- Once selected, enter a name for the Column. The name is for internal use only.
- Click OK.
- Click Save.
In Content Editor:
- Locate the site’s Main Navigation folder (site name > Data > Header > Main Navigation).
- Right click on the desired Column and select Insert in the pop-up panel.
- Then choose Column Link to add the link.
- Once selected, enter a name for the link. The name is for internal use only.
- Click OK.
- Select the desired insert link option.
- On the Insert Link panel select or input the desired link and put in the Description/Link Description text. This is the text that displays on the site.
- Click Save.
Note: Be sure to add text to the Description field when adding a link when adding any links. This is the only way that link text will appear on the website.
In Content Editor:
- Locate the site’s Main Navigation folder (site name > Data > Header > Main Navigation).
- Right click on the desired Column and select Insert in the pop-up panel.
- Then choose CTA to add the CTA area to the Column.
- Once selected, enter a name for the CTA. The name is for internal use only.
- Click OK.
- Select an image, if desired.
- Add the CTA text. This is a required field and will display on the page.
- If using the CTA in a right-aligned Main Navigation Link area: Add the date to the Date text field (optional).
- Enter the link the CTA should point to in the CTA Link field.
- Select the desired Insert link option.
- Use the Insert Link panel select or input the desired link and put in the Description/Link Description text. This is the text that displays on the site.
- Click Save.
Note: Be sure to add text to the Description field when adding a link when adding any links. This is the only way that link text will appear on the website.
Publishing of navigation changes depends on the change. All publishing actions, if needed, occur in Content Editor.
Main Navigation Link:
Additions and changes are automatically published. No additional steps are needed.
Column:
Columns are not a part of workflow. They'll automatically publish when there is approved content placed in the column.
Column Link:
Click Edit and Approve on the Home tab of the navigation ribbon, or click Approve on the Review tab of the navigation ribbon.
CTA:
Click Edit and Approve on the Home tab of the navigation ribbon, or click Approve on the Review tab of the navigation ribbon.