> This page is for Product.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.makeswift.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.makeswift.com/_mcp/server.

# Customizing the navbar

> Learn how to work with global components in Makeswift.

Learn how to work with global components in Makeswift.

[Global Components](/product/docs/the-visual-builder/components#global-components) are groups of components that can be saved and reused across your entire site. This is a perfect use case for sections that should look the same across all pages like navbars, footers, etc. In fact, the **Navbar** component in the **Venture** template is a Global Component.

## Editing the navbar

In the top part of the canvas, select the **Navbar** component. When you click on it, notice you don't immediately see its properties in the Properties Sidebar. Since this is a Global Component, you must enter edit mode to make changes.

![ Global component edit
button](/_fern-img/93c3baa0478b32e625d187c381048ac1631af03dfe23bc6204241c1e030af065.webp)

With the **Navbar** component selected, click **Edit component** in the Properties Sidebar to enter edit mode. You'll now see the properties associated with this global component. In the canvas, click on the nested component with the name **Navigation**. Here you can edit the links in the Navbar component.

![ Global component edit
mode](/_fern-img/443da3512ec638be39b1aa441c662ddea559a7e11f02d198bc1244c9eb917296.webp)

> **Note**
>
> [Boxes](/product/docs/the-visual-builder/components#box) are used to build layouts. They can contain
> text, images, buttons, and other components. You can add, remove, and
> rearrange boxes to create your desired layout.

In the Properties Sidebar, click on the **Sign up** link, and change the color to purple by clicking on the color picker. You should see the color change on the canvas. Then, click **Save**.

## View changes across pages

Because this is a global component, you'll be able to see these changes propogated on other pages that use the **Navbar** component as well. To see this, click on the **About** page in the Navigation Sidebar on the left. Once it loads, you should see the Navbar with the purple **Sign up** button.

![ Global component edit
mode](/_fern-img/b9e098ae90ee00ef95928b0fccfee6784c7031c6836fe59f345220ea244fe3b6.webp)

For future reference, you can find all of your Global Components in the Component Toolbar. For more details, check out the [Global Components docs](/product/docs/the-visual-builder/components#global-components).

## In the next section...

You'll learn how to incorporate responsive design into your site.