Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Hide Header and footer from one page

Recommended Posts


I've got a website on Squarespace with Marta's template and I would like to hide the header and footer from one page. 

I've tried with CSS code's I found on internet but none of them work for my template.

Please help!!!

Share this post

Link to post

Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. 


Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. 

#collection-id-here {
	header, footer {
		display: none !important;


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post

Link to post
4 hours ago, wayne said:

I just used this CSS and it works perfectly. Thanks @colin.irwin!

You can also use this code (for all templates in SS 7.0 & 7.1)

and here for footer https://beaverhero.com/remove-footer-squarespace/


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

I'm overloading. Will reply all questions this month.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...