How to Remove Header & Footer Navigation From Blog Collection and Posts on Squarespace

If you want to remove the header or footer (or both) from your Squarespace blog then you can.

Just follow the steps in this tutorial and you’ll be all set.

Watch the video

Check out the YouTube video below 👇

Head to Website > Pages > Blog and hit the cog to access your blog settings. 

Within your settings head to Advanced > Page Header Code Injection. You then need to add the following code to the box:

<style>

#header {

display: none !important;

}

</style>

This will remove the header. To remove the footer too, simply add footer like below:

<style>

#header, footer {

display: none !important;

}

</style>

If it’s just the footer you want to remove then its:

<style>

#footer {

display: none !important;

}

</style>

---

📩 Join the inner circle to get exclusive code updates

---

Hit save and your header and/or footer will be removed from your blog. Simple!

---

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?