Website Building » Squarespace » How Do I Remove a Header From Squarespace?

How Do I Remove a Header From Squarespace?

Last updated on December 20, 2022 @ 6:17 pm

There are a few different ways that you can remove a header from Squarespace. One way is to go into the Design tab and click on the Pages button.

From there, you can click on the page that you want to edit and then click on the gear icon next to the page name. In the Page Settings menu, you will see an option to Show Header. You can toggle this off and then save your changes.

Another way to remove a header from Squarespace is by using CSS. You can add the following code to your Custom CSS:

#header {
display: none;
}

You can also use CSS to hide specific elements within the header, such as the logo or navigation. For example, to hide the logo, you would use this code:

#header-logo {
display: none;
}

And to hide the navigation, you would use this code:

#header-nav {
display: none;
}

How Do I Remove a Header From Squarespace?

There are a few different ways that you can remove a header from Squarespace. From there, you can click on the page that you want to edit and then click on the gear icon next to the page name.

You can toggle this off and then save your changes.

Another way to remove a header from Squarespace is by using CSS. You can add the following code to your Custom CSS:

PRO TIP: Please be aware that removing a header from your Squarespace website can negatively affect your website’s performance and search engine optimization. We recommend only removing a header if you are confident in your website’s ability to function without one.

#header {
display: none;
}

You can also use CSS to hide specific elements within the header, such as the logo or navigation. For example, to hide the logo, you would use this code:

#header-logo {
display: none;
}
And to hide the navigation, you would use this code:
#header-nav {
display: none;
}

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.