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

How Do I Hide the Header on One Page in Squarespace?

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

There are a few different ways that you can hide the header on one page in Squarespace. One way is to use the Page Header Injection Code block. With this block, you can add your own custom CSS to hide the header on a specific page. Another way is to use the Hide HeaderOnScroll feature.

This will hide the header when you scroll down the page, and show it again when you scroll back up. Finally, you can also use the Hide HeaderonMobile feature to hide the header on mobile devices. The best way to hide the header on one page in Squarespace is to use the Page Header Injection Code block. To use this block, simply add the following code to your page:

PRO TIP: If you are hiding the header on one page in Squarespace, be aware that this may impact your website’s search engine optimization (SEO). When a page has no header, it is more difficult for search engines to understand what the page is about, which may impact your website’s ranking in search results.

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

This code will hide the header on the specific page where it is added. If you want to hide the header on all pages, you can add this code to your site-wide CSS file.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.