This guide provides step-by-step instructions on creating and implementing a custom top navigation using the "top-nav-custom" Velocity format in Cascade CMS. You'll learn how to create navigation menu items, drop-down menus, find the correct href links, and configure page templates to use "top-nav-custom".
Table of Contents
| Table of Contents | ||||||
|---|---|---|---|---|---|---|
|
\uD83D\uDCD8 Instructions
Create a Top Navigation Menu
Navigate to the _assets folder.
Click top-nav-custom to access the code structure.
Click Edit.
The Top Navigation Format already has 4 menu items set up: About Us, News and Events, Media Gallery and Faculty and Staff Directory, as seen below.
To change these items, replace the highlighted title and href with your own.
| Anchor | ||||
|---|---|---|---|---|
|
...
Locate the desired page within your site directory.
Right-click the page icon.
Find the path displayed and copy the path beginning with the forward slash (/). (See below.)
Add the copied path to the href attribute in your menu item.
| Info |
|---|
When pasting the copied path, remove the site name portion and include only the part starting from the forward slash (/). For example, if the copied path is "My Site Name: /services/service-1", use "/services/service-1" as the href link. |
Create a Dropdown Menu
Edit the top-nav-custom as you did in steps 1-3 above.
The Top Navigation Format already has 4 dropdown menu items set up: Sample Interior, Content Row Samples, Sample Interactive Table and Page with PDF. (See below.)
To change these items, replace the highlighted href and title with your own. (Refer to Find the correct href links or path for a page.)
Configure Page Templates
To configure page templates to use top-nav-custom, click Manage Site.
Click Manage Site.
Click Go to Configurations.
You will need to complete these steps for EACH page in your site.
Click the Edit icon for the page template.
Scroll down to the Top Navigation region.
Change the Velocity format to top-nav-custom located at _assets/top-nav-custom.
Save the configuration for the page template by clicking Submit.
| Info |
|---|
Once completed, your custom top navigation will be applied to all configured page templates. |
\uD83D\uDCCB Related articles
| Filter by label (Content by label) | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|