Navbar Menu builder

You can customize the navbar menu, which is also visible at the top of this page, for your documents and create a perfect one that suits you and your readers. Customizing your navbar menu for all your documents simultaneously or separately is possible. In addition, you can link the items in your custom navbar menu to your desired pages that are essential for your document and readers.

To access the Navbar Menu Builder take the following steps:

• On your home page, open the main menu on the top left.

• Click on Org Settings.

1. Here you have five options. Click on the second one, style.
2. Make sure that your org option is set to the correct organization. (if you are a member of more than one organization)

1. Scroll down till you can see the Navbar Menu Builder
2. Click on enable so that you can see the rest of the options.
3. You can choose the dark or light mode from the top of this section.
4. Write or paste your YAML components in the window below dark and light modes.

1. As you have written or pasted your items, you can see a different window by scrolling down. This window shows a preview of your custom Navbar Menu.
2. When satisfied with your Navbar Menu, click on the blue Save button.

• You will get a green "Changes Saved Successfully" notification if everything is done rightfully.
• Your navbar menu will be visible in both Preview and View Live modes.
• This navbar menu will be applied to all your documents, but you can change the navbar setting of each document separately. To do so, follow the steps below.

To edit the navbar menu settings of a specific document, take the following steps:

• First, open the document you want and then click on the main menu on the top left.

• Click on document settings.

• Here you have three options. Click on the second one, style.

1. Scroll down till you can see the Navbar Menu Builder.
2. Here you have two options: Use Org Settings and edit navbar menu settings. For this part, you should choose the Edit navbar menu setting.
   • Use org settings: this option will apply settings that you have set for your navbar menu by following the steps in the first part of this guide.
   • Edit navbar menu setting: by this option, you can edit the navbar menu settings of this specific document.
3. You can choose the dark or light mode from the top of this section.
4. Write or paste your YAML components in the window below dark and light modes.

1. As you have written or pasted your items, you can see a different window by scrolling down. This window shows a preview of your custom Navbar Menu.
2. When satisfied with your Navbar Menu, click on the blue Save button.

• You will get a green "Changes Saved Successfully" notification if everything is done rightfully.
• Your navbar menu will be visible in both Preview and View Live modes.
• This navbar menu will be applied only to this specific document.

How to write YAML components to customize your navbar menu?

When you enable the navbar menu builder, there are pre-write YAML components that you can use to customize your navbar. Here is a brief explanation of how to use each item.

• The first item is "title," which is the text shown on the first button of your navbar menu. The default text of this button is "First Item," which you can change and rewrite.
• The second item is "URL." This is the URL that the first button will be linked to. The default URL of this section is https://sonat.com, which you can change and link to any page you want.
• The third item is "target," which is set to "new tab" by default. By choosing "newTab" as the target, when a user clicks on this item, it will open in a new tab.
• The following two items are related to the first and second child of the first button. You can set their title, URL, target, and … as is explained above.
• When satisfied with your first button, you can create your second one just like the first button. Here the default text of the second button is "Second Item," and it is linked to https://sonat.com. You can change and rewrite both title and URL.