Remove the Header and Footer from a Page in Squarespace

remove the header and footer pinterest pin

A cover page (also known as a landing page or sales page) is a page where you want to minimize distractions on the page so that your visitors focus on one thing in particular. For example, if I am trying to get people to sign up for a webinar, I want the visitor to only be able to sign up for the webinar or back out of the page. Your navigation links or footer content can be a distraction that ends up costing you sign ups. So, on these pages, it is a good idea to hide the header and footer.

Usually I am promoting a freebie in my footer, so there are also times I may want to hide just that section of the footer.

So, in this video I show you how to hide the whole header and footer to create a cover page as well as how to hide just one part of the footer.

 
 

The following code is used in the video.

Hide the Header and Footer

<!-- Hide the Header and Footer -->
<style>
  #header, footer {
       display: none;
    }
</style>

Hide Part of the Footer

<!-- Hide Part of the Footer -->
<style>
  footer .page-section:nth-of-type(1){
       display: none;
    }
</style>
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Connect Google Analytics 4 to Squarespace (how to change from UA to G4)

Next
Next

Keep Mobile Menu on Desktop