(These codes for Squarespace 7.1 version. If you use 7.0, you can send me a message with site url, I will check and give new code)
Table of Contents
How to Remove Header on All Pages
Design > Custom CSS
/* remove header */
header#header {
display: none;
}
How to Remove Header on One Page
Business Plan or higher, add to Page Header
<style>
header#header {
display: none;
}
</style>
Personal Plan/Basic Plan, edit page > Add a Code Block at bottom of Page
How to remove Header on Cart Page
Design > Custom CSS
/* remove header */
body#cart header#header {
display: none;
}
How to remove Header on Order Confirmation Page
body#order-confirmed header#header {
display: none;
}
How to remove Header on Individual Blog Posts
Business Plan/Higher, Blog Page Header
<style>
/* remove header */
body.view-item header#header {
display: none;
}
</style>
Personal Plan, Design > Custom CSS
/* remove header */
body[class*="type-blog"].view-item header#header {
display: none;
}
How to remove Header on Blog List Page
Business Plan/Higher, Blog Page Header
<style>
/* remove header */
body.view-list header#header {
display: none;
}
</style>
Personal Plan, Design > Custom CSS
/* remove header */
body[class*="type-blog"].view-list header#header {
display: none;
}
How to remove Header on Shop/Store/Category Page
Shop Page Header
<style>
/* remove header */
body.view-list header#header {
display: none;
}
</style>
How to remove Header on Individual Products
Shop Page Header
<style>
/* remove header */
body.view-item header#header {
display: none;
}
</style>
How to remove Header on One Product
Edit Additional Info > Add a Code Block
<style>
/* remove header */
header#header {
display: none;
}
</style>
How to remove Header on Event List Page
Business Plan/Higher, Event Page Header
<style>
/* remove header */
body.view-list header#header {
display: none;
}
</style>
Personal Plan/Basic Plan, Design > Custom CSS
/* remove header */
body[class*="type-events"].view-list header#header {
display: none;
}
How to remove Header on Individual Events
Business Plan/Higher, Event Page Header
<style>
/* remove header */
body.view-item header#header {
display: none;
}
</style>
Personal Plan/Basic Plan, Design > Custom CSS
/* remove header */
body[class*="type-events"].view-item header#header {
display: none;
}
How to remove Header on Portfolio List & Individual Pages
Same as Event Page & Event Individual Pages