How to Remove the Header and Footer from a Squarespace Page

How to Remove Header and Footer in Squarespace

In the this quick Squarespace video tutorial, I'll prove you lot how to easily remove headers and footers in Squarespace.

Removing headers and footers in Squarespace is one of the nearly helpful tricks for getting the nigh out of your Squarespace site. Whether you lot're creating a landing folio or a contest signup box, removing headers and footers tin can make your website popular.

Remove Headers and Footers Squarespace - Minimal Design.png

So if y'all're set to learn how to remove these pesky headers and footers in Squarespace, allow'south hop in!

How to Remove Headers and Footers in Squarespace Video Tutorial

If you'd like to sentinel a video tutorial near how to remove Headers and Footers in Squarespace, here is a quick video on the discipline. Y'all tin observe the lawmaking to inject in the step-by-footstep instructions beneath.

Costless PDF Download: 51 Squarespace Tips & Tricks

We've created a free PDF download of our 51 favorite tips for Squarespace. The PDF is costless to all Curious Refuge subscribers. If you're not a subscriber, don't worry. Y'all can create a new business relationship past clicking the 'Join' button at the top of this page.

Why Should I Remove Headers or Footers in Squarespace?

The master reason to remove a header or footer from a folio in Squarespace is to create a distraction-gratuitous landing page. In general, it's all-time to create landing pages with a unmarried telephone call-to-activeness to encourage folks to do a specified action.

The call to action on this landing page is 'Apply for the Beta Program'.

The call to activeness on this landing page is 'Apply for the Beta Program'.

Notable calls-to-action include:

  • Download a PDF

  • Request a Quote

  • Enter a Contest

  • Join a Webinar

  • Purchase a Product

By eliminating the header and footer in Squarespace, you increase the decrease the chances of your audience becoming distracted. Some services, similar Unbounce, offer distraction-free landing pages for $79 a calendar month, but using the strategy outlined in this tutorial you tin can create landing pages that are only as good for a fraction of the cost.

How to Remove Headers and Footers from a Squarespace Page: Pace-past-Step

It should be noted that by removing the header, yous are as well removing the navigation from this page. As such, I only recommend using this technique for landing pages. Don't remove the headers and footers from your unabridged site unless you have a Really skilful reason.

Step one: Navigate to the Page You Want to Edit

Log into your Squarespace account and navigate to the Squarespace page yous want to edit in the 'Pages' menu. You lot tin besides very speedily login to your website by navigating to your live website and hitting the 'Esc' primal on the page you lot desire to edit.

Remove Header and Footer Squarespace - Step 1.gif

Step ii: Select the Gear Icon Next to the Page Title

Detect the page you desire to edit and select the small gear icon to the right of the page title.

Remove Header and Footer Squarespace - Step 2.gif

Step iii: Select 'Avant-garde'

In the popup menu, select 'Advanced'.

Remove Header and Footer Squarespace - Step 3.gif

Pace 4: Paste the Following Code Snippet

Paste the following code snippet in the 'Folio Header Lawmaking Injection' box and click 'Close'.

                    <                    way                    >                    .header,                    #footer-sections                    {display:none                    !important;}</                    mode                    >

Remove Header and Footer Squarespace - Step 4.gif

If y'all are on a version of Squarespace older than Squarespace seven.one you may need to use the following code instead:

Bedford Family unit Templates:

<fashion>#header, #mobile.bar, #footer {brandish: none !important; }</style>

Alkali Family Templates:

<manner>.Header, .Footer, .Mobile-bar{display:none !of import; }</way>

Your webpage will now have the header and footer removed.

I'd like to thank Within the Square for their tips on this field of study.

Want to Learn More About Squarespace?

If you lot want to learn more Squarespace tips and tricks, I highly recommend checking out the post-obit resources:

  • 51 Squarespace Tips and Tricks - Our free video tutorial and guide on how to get the virtually out of Squarespace.

  • Unusual Squarespace Tips - An interesting read on a few tips that go under-the-radar.

  • 27 Research-Backed Web Design Tips - A more advanced look at the science of web blueprint.

Have Any Questions? Enquire in the Comments.

If you take whatever questions nearly Squarespace, growing a following, or launching a business, just ask in the comments below. Cheers!