If your website has more than one page, you will need to add a navigation bar. There are two options for this and the controls can be found in /SharedResources/Razor/2022

Your navigation bar should be added outside of your bootstrap container so that it extends across the full width of the page.

Standard navigation with dropdown folders

The standard navigation with dropdown folders is better for sites with a lot of pages and automatically pulls in your navigation from the folder you specify in the Folder Node ID. To find this:

1. Click on your website folder
2. Select Information
3. Scroll down to Node ID and copy the number next to it

Pull in the navigation control to your page from /SharedResources/Razor/2022/Standard-Nav-With-Dropdown-Folders

You can also specify which page is your homepage for your navigation.

If your menu has over six items, further pages will show under a section called 'More'.

Standard navigation

The standard navigation is better for sites with fewer pages and lets you choose which items to include in your menu, from one to seven items. You can also use this for one page sites and use anchor links within the navigation bar to lead to certain sections of the page. It is also a sticky nav, so it stays visible at the top of your page as you scroll.

It can be helpful to put the navigation within an HTML snippet and then add that to each page so you can update your menu in one place when needed, instead of on every page.

We can now add the required bootstrap containers to the page.

Adding containers