Website Building » Squarespace » How Do I Make the Navigation Bar Left on Squarespace?

How Do I Make the Navigation Bar Left on Squarespace?

Last updated on December 30, 2022 @ 5:48 pm

There are a few different ways that you can make the navigation bar left on Squarespace. One way is to go to the Design tab and then click on Site Layout. From there, you can select the Navigation Position option and choose Left from the drop-down menu.

Another way to make the navigation bar left is to add a code block to your site. In the code block, you’ll want to add the following code:

PRO TIP: If you are using Squarespace to create a website, be aware that there is no way to make the navigation bar left on the site. This can be frustrating for users who are used to navigation bars being in this location, and may cause confusion when trying to navigate your site.

#navigation {
float: left;
}

Once you add that code, the navigation bar will be pushed to the left side of your site. You can also use CSS to style the navigation bar if you want to change its appearance. For example, you could add a background color or border to the navigation bar by adding the following code:

#navigation {
background-color: #fff;
border: 1px solid #000;
}
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.