Website Building » Squarespace » How Do I Remove Header and Footer From Squarespace?

How Do I Remove Header and Footer From Squarespace?

Last updated on December 27, 2022 @ 6:51 pm

There are a few different ways to remove headers and footers from your Squarespace site. You can use the Hide Header/Footer options in the Site Styles panel, or you can add CSS to your site to hide specific elements.

If you want to hide the header or footer completely, you can use the Hide Header/Footer options in the Site Styles panel. To do this, go to Design > Site Styles and scroll down to the Header & Footer section. From here, you can select whether you want to hide the header or footer on all pages, or just on certain pages.

If you want to hide specific elements within the header or footer, you can add CSS to your site. To do this, go to Design > Custom CSS and add the following code:

For the header:

#header {
display: none;
}

For the footer:

#footer {
display: none;
}

You can also use CSS to style specific elements within the header or footer. For example, if you want to change the color of your header text, you can add the following code:

PRO TIP: This article provides instructions on how to remove the header and footer from a Squarespace site. However, it is important to note that doing this may adversely affect the functionality of the site.

#header { color: #000000; }
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.