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 👇
Want a framework for designing the perfect homepage?
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>
If it’s just the footer you want to remove then its:
<style>
#footer {
display: none !important;
}
</style>
Hit save and your header and/or footer will be removed from your blog. Simple!
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
