Website Building » Squarespace » How Do I Change the Color of My Squarespace Navigation Bar?

How Do I Change the Color of My Squarespace Navigation Bar?

Last updated on October 1, 2022 @ 1:19 am

If you want to change the color of your Squarespace navigation bar, there are a few different ways you can do it. You can either use CSS to change the color, or you can use the Squarespace interface to change the color.

To change the color of your navigation bar using CSS, you need to add the following code to your Custom CSS:

.sqs-navigation-item {
  background-color: #yourcolor; /* Change to whatever color you want */
}

If you want to change the color of your navigation bar using the Squarespace interface, you need to go to Design > Styles > Navigation. From here, you can choose a new color for your navigation bar from the “Navigation Bar Color” dropdown.

PRO TIP: If you are not familiar with coding, we recommend working with a developer to make these changes. Making changes to your code can result in unexpected behavior and can break your site.

Changing the color of your navigation bar is a great way to customize your Squarespace site and make it look more unique. Try out different colors and see what looks best for your site.

How Do I Change the Color of My Squarespace Navigation Bar?

You can change the color of your Squarespace navigation bar by using CSS or by using the Squarespace interface. To change the color using CSS, add the following code to your Custom CSS:

.sqs-navigation-item {background-color: #yourcolor;}

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.