# NavBar

This sheet is used to operate the controls on navigation bar. Following are the options available.

## 1. Style&#x20;

![Style Settings for NavBar](/files/-MIc6zPOuqERk_-49byx)

| Name                   | Description                                                                                                                                                                                                                                                              |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Background Color       | Color Name or Hex code can be entered to change the background color of the NavBar.                                                                                                                                                                                      |
| Transparent Background | **Yes** - If selected, Navbar will be displayed with Transparent Background.                                                                                         **No** - if selected, Background color will be set with the color selected in '*Background Color*'. |
| Stick Nav Bar          | **Yes** - If selected, NavBar will stick to the top during scrolling of the page.                                                                                               **No** - If selected, NavBar will be visible only after full scroll up.                  |

## 2. Logo&#x20;

![Logo/Text Settings for NavBar](/files/-MIcCMGUT6tCGCh6K-e4)

| Name               | Description                                                                                                                                                                                                                                                                                                                                                                              |
| ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Image or Text      | <p><strong>Image</strong> -  If selected, respective image provided in column '<em>Image Link</em>' will be displayed on the NavBar. </p><p> <strong>Text</strong> -  If selected, respective text provided in the column '<em>Text</em>' will be displayed on the NavBar.</p>                                                                                                           |
| Image Link or Text | <p><strong>Image Link</strong> - If selected, link of the image should be provided to get it displayed on NavBar.( Should be entered only if '<em>Image'</em>  is selected  in previous selection).</p><p><strong>Text</strong> - If selected, Text should be provided to get it displayed on NavBar.( Should be entered only if '<em>Text'</em> is selected in previous selection).</p> |
| Font Name          | Select a font name from the drop down.                                                                                                                                                                                                                                                                                                                                                   |
| Font Color         | Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc.                                                                                                                                                                                                                                                                                       |

## 3.  Menu

![Menu Settings for NavBar](/files/-MIcI_evfvyFhCShdnbA)

| Name       | Description                                                                                                                                                                                                                                                                                                                     |
| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Font Color | Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc for '*Menu*' content.                                                                                                                                                                                                         |
| Alignment  | <p><strong>Center</strong> - If selected, Menu items will be displayed in Center of the NavBar.</p><p><strong>Left</strong>- If selected,  Menu items will be displaced to the Left of the NavBar.</p><p><strong>Right</strong> - If selected, Menu items will be displated to the right of the NavBar.                    </p> |

## 4. Menu- Detailed&#x20;

![Table to add different menu](/files/-MIcLgQXxWeUFhQYJcSQ)

| Name          | Description                                                                                     |
| ------------- | ----------------------------------------------------------------------------------------------- |
| Name          | Name of the menu                                                                                |
| Link          | Link to be navigated to on click of the menu item should be provided.                           |
| Markdown text | Name of the menu should be provided which has to be displayed on NavBar.                        |
| Image Link    | Link of the image should be provided if menu item should be displayed as image instead of text. |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.siteoly.com/sheets-getting-started/navbar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
