The navigation bar is the main menu found at the top of the website. It guides visitors to key pages or sections of the site.
Each item in the navigation bar links to a specific page or folder.
It can include top-level items like “About us” or “Contact,” as well as dropdown menus for subpages.
A clean and focused navigation bar reflects the most important or frequently visited content.
You will require admin access to update the navigation bar
Set up your folders
Since the navigation bar links pages and folders, learn more about how folders and index pages work together to build navigation.
The corresponding folders and pages must exist in Studio:
Adding items to the navigation bar
In Settings, click on Navigation menu to manage your menu links. You can add a maximum of 8 menu links.
Add a menu item
Click on Add a link and select the new Navbar item to add your label and description
Menu item label: 80 characters limit
Description: 270 characters limit
Link to your intended page or folder
Reorder menu items
Click on the icon and drag the link you'd like to move to its intended position.
Nest menu items
First create your sub-menu item with the add a link button, this is the same as creating Level 1 main menu items. After creating it, drag the newly created sub-menu item on top of your intended Level 1 item to nest it within. You can now click on the arrow to expand and see all nested links.
Preview in different screen sizes
Remember to preview the navigation on both Mobile and Desktop (Full screen) before publishing.
Customise your navigation menu further
Add a primary call-to-action button
Under customise, enable Primary Call-to-Action, this adds a prominent button in the navigation that users can visit on any page.
Add a secondary navigation
For frequent actions that should show on every page, utility links can be added in a secondary navigation. It will appear at the bottom of mobile navigation.
On desktop, it appears at the top right hand corner
