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.
Since the navigation bar links pages and folders, learn more about how folders and index pages work together to build navigation.
Navigation bar requirements
First-level items (top navigation)
Maximum of 7 items
Total character limit: 70 characters
Example from the Isomer site (5 items, 66 characters total):
About us – 8 characters
Our features – 12 characters
How we’ve helped – 16 characters
Getting started – 15 characters
Other resources – 15 characters
Second-level items (dropdown)
Maximum of 9 items per dropdown
Example under “About us” section:
There are 2 items currently.
Who we are
When to use
Each page in a dropdown must include a short description to help visitors understand the content before clicking.
Description limit: 150 characters
Example for “Who we are”:
Description: “Learn more about Isomer as a website builder” (44 characters)
Editing the navigation bar
Editing function is not up yet in Studio. Contact Isomer Support if you would like to link a certain folder or page up to the navigation bar.
Preparing for navigation bar setup
Before reaching out to the Isomer team for navigation bar setup, ensure that the folder structure and pages are fully set up in Studio.
For example, if the planned navigation bar includes the following items:
About us – folder
Our features – folder
How we’ve helped – folder
Getting started – page
Other resources – a set of external links
The corresponding folders and pages must exist in Studio.
Once everything is in place, prepare and submit an Excel sheet outlining the structure to the Isomer team for setup. Be sure to follow the navigation bar requirements mentioned above.
Note that since Other resources is a dropdown of external links, there is no corresponding folder to this navigation item. You will need to specify the external links in the given excel sheet.
If the navigation bar requirements stated above are not fulfilled, Isomer Support will not be able to complete the setup.
