How to Edit Your Squarespace Navigation Bar

There’s loads of ways you can customize your header navigation on Squarespace. 

From adding pages and buttons to changing the color and text, you can really make it your own.

Let’s take a look…

Watch the video

Check out the YouTube video below 👇

Framework for designing a perfect homepage

Want a framework for designing the perfect homepage?

First things first to edit the content that appears in your navigation header you need to head to Pages.

Here you can drag and drop the pages into your main navigation section which will add them to your header. Any you don’t want in your header you can move to not linked.

How to Edit Your Squarespace Navigation Bar

To edit how your header navigation appears, head to your edit dashboard and select Edit Site Header.

How to Edit Your Squarespace Navigation Bar Second Image

Here you’ll have tons of different things to switch up and play around with.

Select Site Title to add a logo and change the title that appears in your header.

How to Edit Your Squarespace Navigation Bar Third Image

Select Edit Design and you’ll be able to edit the design of your header.

How to Edit Your Squarespace Navigation Bar Third Image

Here you can choose between different layouts and switch up the link and element spacing too.

You can also add effects such as a blur and a drop shadow. If you want your header to be fixed you can also toggle on Fixed Position and choose your style from the Fixed Header Style drop down menu.

How to Edit Your Squarespace Navigation Bar Fourth Image

Finally we have elements. Select Add Elements and here you’ll have the option to add a button, social links, cart and log-in (account) to your header.

How to Edit Your Squarespace Navigation Bar Fifth Image

The best thing to do is to have a play around with your navigation header, trying different effects, editing the color and adding new pages until you have a design that you’re happy with!

Schedule for guidelines from a expert web designer

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

Saving Jaguar: The Ultimate Rebrand Fail (And What I Would Do To Save It)

Next
Next

Squarespace Fluid Engine [Full Guide For 2025]