Customizing Navigation Menus

For more information on site pages, please review our guide: Introduction to Site Pages

Each page in your platform's front-end site will display the same header and footer. Included in the header and footer are three navigation menus: the Main Menu, Top Bar Menu, and Footer Menu. Each of these menus is customizable, or optional. 

There is a fourth menu editing type: Student Dashboard Sidebar. This fourth menu type lets you select what menu items a logged-in student sees on their Dashboard.

This guide will walk you through the process of adding and customizing items for your navigation menus.

In this article

Navigation menus are found in the dashboard at Site Pages > Menus

There are three navigation menu locations on your site pages. The Main Menu and Top Bar menus are found in the header of the pages, and the Footer menu is found in the footer of the pages. The fourth menu type Student Dashboard Sidebar lets you select what menu items a logged-in student sees on their Dashboard.

Main Menu:

The Main Menu is located on the second row of the header, in between your site logo and the Login/Logout button.

Top Bar Menu:

The Top Bar Menu is found in the top row of the header, in the top right corner, next to the user's welcome message.

Footer Menu:

The Footer Menu is located in the footer, in the right corner.

Student Dashboard Sidebar Menu

Customizing Menus

You can customize all of these menus by editing, adding, or removing items. You can also choose to remove all the items and not use a menu at all if you wish for some of the menus.

Select Menu Location

Choosing one of the menus in the Select Menu Location section will display all the information for that specific menu in the Menu Structure section.

Add Menu Items

You can quickly add a new item to your menu in the Add Menu Items section. Once you choose a navigation label and assign it either a predefined page or a custom link, you can select the Add Menu Item button, and see your new item appear in the Menu Structure section.

Navigation Label 

The navigation label is the actual text that will appear on your menu. You can customize this label however you want, it does not have to match the name of your site page.

Predefined Page

If your menu item will link to a site page you created in your platform, you can select the Predefined Page option. you will be able to choose that page from the Select Page field.

Custom Link

You can also link your menu item to any webpage you wish. You just need to select Custom Link, and then add the URL of the page to link to the menu item.

1

The Menu Structure will list all the items in your menu. You can rearrange the list by clicking and dragging an item into the correct place.

2

You can also select the arrow next to an item name to nest the item with the item above it. A right arrow indicates a parent item, and a left arrow indicates a nested item.

In the Main Menu, for example, it will look like this:

Editing Options

Each menu item has a down arrow icon, which will expand the item to display customization options.

Student Dashboard Sidebar Menu Items can be customized with an icon as wekk:

There are six main options for customization. They include:

  • Navigation label change the display text of the item
  • Predefined page select the page to link to from a list of site pages created inside the platform
  • Custom link select the page to link to with an external URL from any site
  • CSS Class add additional styling to the menu item
  • Open in New Window select this option to have the menu item open the page in a new browser window
  • Visibility Rules choose to display an item only when a user is logged in, or only when a user is not logged in. Leave this blank to remain visible at all times
  • Remove delete the menu item

Next Steps

Once your navigation menus have been customized, you can head to the General Settings page to edit the rest of the text in your headers and footers. Then you can set the site page identifications for the pages of your platform website: