Website Building » Squarespace » How Do I Hide the Header on Squarespace?

How Do I Hide the Header on Squarespace?

Last updated on December 25, 2022 @ 1:37 pm

There are a few ways to hide the header on Squarespace. One way is to go to the Design tab, click on Site Styles, and scroll down to the Header section.

Here, you can change the header height to 0px. This will completely remove the header from your site.

Another way to hide the header is to add a code block to your page and insert the following code:

#header {
display: none;
}

This code will also remove the header from your site.

PRO TIP: This article provides instructions on how to hide the header on Squarespace. However, it is important to note that doing this may affect the functionality of your site. For example, your site may become less responsive or the header may reappear unexpectedly.

If you want to hide the header on just one page, you can add a code block to that page and insert the following code:

<style>#header {display: none;}</style>

This code will hide the header on that specific page.

The last way to hide the header is by using CSS. You can add a CSS file to your site and insert the following code:

#header {display: none;}
</style>

This code will also remove the header from your site.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.