Change Header Layout on Squarespace

Changing your header layout on Squarespace isn’t necessarily the easiest of tasks.

While making the actual changes is simple enough, it can be tricky to work out where and how you do it.

The good news is, I’ve put together this tutorial to walk you through it.

Watch the video

Check out the YouTube video below 👇

Within your edit dashboard select Edit Site Header. Select Edit Design and click on your layout. Here you have five different layout options that you can choose from. 

These layouts will change where elements in your header are displayed such as your page navigation, contact button and social icons. 

Edit site header Squarespace
Squarespace edit header design

You can have a play around with the different layouts, analyzing which layouts result in the most page clicks and longer user journeys. 

Once you’ve found the one that works for you, select it and hit save and you’ll have changed the header layout of your Squarespace website.


📩 Join the inner circle to get exclusive code updates


If you enjoyed this tutorial, be sure to check out the rest of my Squarespace guides.


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?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

Cart Styling on Squarespace

Next
Next

Add Parallax Effect to Image Blocks on Squarespace