Website Building » Squarespace » How Do I Move the Navigation Bar in Squarespace?

How Do I Move the Navigation Bar in Squarespace?

Last updated on April 25, 2023 @ 9:02 am

There is one simple way to move the navigation bar in Squarespace. That is to use the Edit feature. To do this, simply click on the “Edit” button on the page.

From there, hover your mouse over the site’s header and click on the “Edit Site Header” button that will appear. This will allow you to edit the navigation bar on the header.

In the window that will appear, click on the monitor icon in the upper-right corner to open the Desktop settings.

From there, scroll down to the Padding and Spacing section.

Increase the amount of both the Element Spacing and the Link Spacing to move the navigation bar to where you want it to be.

Finally, click on the “Save” button and exit the Editor Mode to view your changes.

 

PRO TIP: If you are not comfortable with the Editor Mode, we recommend that you do not attempt to move the navigation bar in Squarespace. Doing so could break your site’s design, and you may need to hire a professional to fix it.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.