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 👇

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.

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

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.

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

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

---

📩 Join the inner circle to get exclusive code updates

---

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.

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.

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!

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?