How to remove the header and footer only on specific pages in Squarespace?

Mar 11

If you’re wondering how to remove the header and/or footer from just one (or a few) specific pages, then I’m here to help you do exactly that!

Go to your: Pages > Specific Page you want to modify > Click the Settings Button next to it

Then navigate to Advanced.

Pop in this code to remove both header and footer from the specific page:

<style>
  header, footer {
    display: none !important; }
</style>

Just want to remove the header? Copy and paste this:

<style>
  header, footer {
    display: none !important; }
</style>

Just want to remove the footer? Copy and paste this:

<style>
  header, footer {
    display: none !important; }
</style>

Note: If you want to permanently remove header and footer from ALL pages, then Navigate to:

Design > Custom CSS > Copy and Paste the following code:

header, footer {
  display: none !important; }

Did that work for you? Let me know if you have any questions! Happy custom coding friends!

Similar Articles You'll Love

High-converting Websites & Landing Pages on Squarespace with SEO Driven Lead Generation.

How to Center Custom Text in Squarespace with Code Block