> For the complete documentation index, see [llms.txt](https://docs.sonoransoftware.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sonoransoftware.com/cms/tutorials/community-website/toolbar-customization.md).

# Toolbar Customization

<figure><img src="/files/5Zg2xv45uKbzFl0HzqIe" alt=""><figcaption></figcaption></figure>

Customize your community's navigation bar with links to custom webpages, rosters, Drive files, and more!

Open the editor under **Administration Panel** > **Website Builder** > **Navigation Bar**

## Styling & Customization

Select the **Paint Palette** icon to open the navigation bar settings. Here, you can customize the color, custom CSS classes/styles, and the scroll behavior.

<div><figure><img src="/files/HVS8vBZWqidPQH4V5Udh" alt=""><figcaption></figcaption></figure> <figure><img src="/files/mW3PaqRRnwXjy44bEJZ1" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ywwVZnwgeDLHAWMDznYz" alt=""><figcaption></figcaption></figure></div>

## Button Customization

Select the green **Plus** button to add a new button or dropdown button to the toolbar. Buttons can be reordered via drag-and-drop.

### Button Styling

<details>

<summary>Button Styling</summary>

You can also customize the title, font, color and specific links for any button or dropdown menu. To open the design panel, simply click on any button or dropdown in the Toolbar Customization editor.

<figure><img src="/files/rkHT7ZNYJNKlsPH9OkN4" alt=""><figcaption><p>Sonoran CMS - Toolbar Customization - Styles Tab</p></figcaption></figure>

<figure><img src="/files/ZwLGLH2rNzDb1JDILz5f" alt=""><figcaption><p>Sonoran CMS - Toolbar Customization - Styles Selection</p></figcaption></figure>

</details>

### Dropdown Styling

<details>

<summary>Dropdown Styling</summary>

With dropdowns, you can also customize not only the styling of the dropdown button itself, but of every option within the dropdown. This is also where you go to add any destination links within the dropdown.

<figure><img src="/files/0diKSMukINZJK4VId8Er" alt=""><figcaption><p>Sonoran CMS - Toolbar Customization - Dropdown Options</p></figcaption></figure>

<figure><img src="/files/8yniPJi69gJ54JAR5omB" alt=""><figcaption><p>Sonoran CMS - Toolbar - Customized Dropdown</p></figcaption></figure>

</details>

### Destination Options

<details>

<summary>Button Destination Options</summary>

Within any button or dropdown you are give the option to link a variety of different things, from another page in the community, to external pages, to documents in your community's drive to management panels and more!

In the design panel of any button, you can customize where said button links to by clicking on the `Target` tab in the design panel

<figure><img src="/files/VYaZxiVVR3VwYLMc8ko3" alt=""><figcaption><p>Sonoran CMS - Toolbar Customization - Button Destination Settings</p></figcaption></figure>

To add options to a dropdown menu, simply click the green plus button in the `Options` tab of the design panel.

<figure><img src="/files/BntKDOgm9CWWejrRo7nl" alt=""><figcaption><p>Sonoran CMS - Toolbar Customization - Destination Options</p></figcaption></figure>

From here, you can select the destination of the link using the chain icon:

<figure><img src="/files/k2nfsiJwouearpUAI7FZ" alt=""><figcaption><p>Sonoran CMS - Toolbar Customization - Link Button</p></figcaption></figure>

</details>

## Toolbar Item Permissions

Toolbar items that lead to permission-restricted areas (such as [private pages](/cms/tutorials/community-website/website-builder.md#privatized-pages) or admin panels) automatically show or hide based on whether the user has access to the destination.

Access to specific toolbar link destinations can be configured in the [rank manager](/cms/tutorials/user-management/creating-departments.md).

### Clock In/Out

This button/icon of the navigation toolbar is based upon the **CMS Permissions** > **Clock In & Out** permission.

### Community Pages

This navigation item is based upon the **Page Permissions** > **View Page** permissions.

### Drive

This navigation item is based upon the **CMS Permissions** > **Modify All Documents (Drive)** permission or the **Navigation Pages** > **View Drive Navigation Button** permission.

### Available Forms

This navigation item is always present for all members of your community if within your toolbar.

### Community Calendar

This navigation item is based upon the **Navigation Permissions** > **View Calendar Navigation Button** permission.

### Rosters Tree

This navigation item is based upon the **Navigation Permissions** > **View Rosters Navigation Buttons** permission.

### Form Management

This navigation item is based upon the **Form Permissions** > **View Submitted** permissions, if at least one **View Submitted** permissions is granted the item will show.

### Administrative Panel

This navigation item is based upon several permissions within the **CMS Permissions** section.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.sonoransoftware.com/cms/tutorials/community-website/toolbar-customization.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.