Customizing Navigation Menus
For more information on site pages, please review our guide: Introduction to Site Pages
Each page in your platform's website 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.
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 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.
The Footer Menu is located in the footer, in the right corner.
You can customize all three 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.
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.
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.
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.
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.
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.
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:
Each menu item has a down arrow icon, which will expand the item to display customization options.
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
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: