🚀 Remove the Header and/or Footer from ANY Squarespace Page (Copy + paste code!)

[@EricaBurnsHealth]

This info is AMAZING! Just what I needed. Thank you!

[@HelloHotFlashPodcast]

Great video. Easy to follow and best of all - IT WORKS!!!!!! Thank you.

[@whitneyskitchenyum]

Thank you for sharing! It worked easily!

[@jessdawson7148]

Thank you! Can you hide it specifically for mobile view using code?

[@PeterShragg]

Very helpful and to the point. Thank you.

[@andrewc.gillick3931]

Thanks for sharing this! What's strange is that the code works on my site for the header, but not the footer... any tips?

[@BigCatCreative]

What version are you using? Squarespace recently launched that you can turn your header on/off in the page settings! But only 7.1. If you're using 7.0 the code likley isn't working because the code for the footer is different. Also make sure to add the !important;

[@developerzahir]

great tutorial

[@mcalexanderciceron619]

I've been trying everything for the past few days. The header and footer are still visible on the Home page. The header only disappears when I go to "edit" and change the color from "Solid" to "Adaptive" The header becomes transparent but I still can see the navigation bar on the homepage, which is fine because I want the slideshow to be full-width from top to bottom. Also, when I applied that code, the color of the text changed to white. It's fine for the homepage however the rest of my website is white the color of the text blends with the background and can't see the text of the navigation bar. The header is there when i click on the other page but I can't see the text.

[@BigCatCreative]

Hello! I'm not sure why you're experiencing this as the code it still valid and working fine. It also won't change the color of your text. Do you have any other code that might be affecting your header? If you want us to troubleshoot this for you: bigcatcreative.com/extrasupport

[@Outandaboutphill]

Hi, I'm running version 7.1 and I'm getting a Syntax error just for the single line to remove the header.

[@BigCatCreative]

There must be something wrong in your code, make sure you've copied the whole thing exactly

[@Outandaboutphill]

All sorted. Thanks for your reply.

[@AndrewAlbright-q9m]

I accidentally deleted the headers and footers from my entire site and now Im not sure how to get them back. I was trying to create a home landing page. Do you know how I would get the headers and footers back?

[@BigCatCreative]

Did you hide them with code? If so, then just remove the code and follow the steps in the video to target a certain page. If you're not using code then I'm not sure what you've done, I recommend reaching out to Squarespace support squarespace.com/support

[@ivandaryllinfante1660]

Hi, were you able to revert it back?

[@AundraWilliams]

none of the codes work for me.. I must be doing something wrong

[@ronisedaluz2355]

ok, this worked for the footer, but the header. My exact code is. #collection-6642bc39032c4506699d8ad2 {.header {display:none} Footer {display:none} } did I do something wrong here?

[@BigCatCreative]

Maybe your header code is different, it depends on the template you’re using. You can also try the important tag as in: .header {display:none!important}