Building Site Navigation - Theme 4v1.1

Owned by Melissa Chavira
Last updated: Mar 13, 2023
3 min read

One of the biggest updates to the new theme, is the creation of a Navigation Builder. This was created to streamline the process to maintain and update site navigation using the Cascade CMS interface. This allows site editors the ability to customize navigation without needing to touch HTML code.

  • There is only one level of drop down menu hierarchy available

  • Keep in mind external links must be created before adding them to the Navigation Builder

Table of Contents

Features of the Nav Builder

The nav builder is organized into groups and includes options to easily arrange the order of your navigation links.

Each group includes the following options:

  1. Count Indicator - A count indicator is provided for each group. In the example above the count indicator is showing that the nav item depicted is number 1 of 6 total links. Each link in a sub-menu will also include a count indicator.

  2. Group Preview - When a group is collapsed, the group preview will provide a notation of what type of link is included in a particular group.

  3. Expand/Collapse - Click to expand or collapse the content of a group.

  4. Drag - Drag and Drop a menu item to a new location.

  5. Move to Top/Move to Bottom - The arrow pointing up will move the menu item to the top of the group in the count. The arrow pointing down will move the menu item to bottom of the group in the count.

  6. Move Up/Move Down - Move the menu item up or down one position.

  7. Add New Group - Add a new menu item.

  8. Remove - Removes a menu item.

Build Your Navigation

By default the Top Navigation Builder includes demo links. You can delete these links and start from scratch or edit the details to update the links to reflect your own content.

If adding links to a location outside of your Cascade CMS site, you must first create an External Link before adding it to the Navigation Builder.

  1. Select _Navigation Builder block.

  2. Click Edit.

  3. Click the + sign to add a new link.

  4. Select a Link Type.

    1. Internal Cascade Link - Adds any internal page or external link to the first level of the navigation menu.

    2. Sub Hierarchy - Creates a drop down menu for the navigation menu.

  5. Continue to build your navigation and select Preview Draft.

  6. Click Submit.

Adding an Internal Cascade Link

An internal Cascade link can be added from a page, file (such as a PDF), or external link.

  1. After selecting Internal Cascade Link for the Link Type, click the Choose File, Page or Link button.

  2. Click on the Browse tab and locate the link from the Choose, a file, page or link menu.

  3. Click Choose.

  4. Enter in Link Text.

 

Adding an Dropdown Menu (Sub Hierarchy)

  1. After selecting Sub Hierarchy for the Link Type, enter in a Sub Menu Heading.

  2. Click the Choose File, Page or Link button.

  3. Click on the Browse tab and locate the link from the Choose, a file, page or link menu.

  4. Click Choose.

  5. Enter in Link Text.