Remove the Header and Footer from a Page in Squarespace
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>