(Squarespace) Remove Header Logo

Pro Tips Other Tips
1

In this post

  • remove logo on desktop only
  • remove logo on mobile only
  • remove logo on all pages
  • remove logo on one page
  • remove logo link (all pages)
  • remove logo link (one page)

These code for 7.1 version. If you use 7.0 or 5.0, you can post site url in comment, I will give new code

#1. Remove Logo on All devices
You can use this code to Custom CSS box

a#site-title, header#header img {
display: none !important;
}

#2. Remove Logo on Desktop Only
Use this code to Custom CSS

.header-display-desktop {
a#site-title, header#header img {
display: none !important;
}
}

#3. Remove Logo on Mobile only
Use this code to Custom CSS box

.header-display-mobile {
a#site-title, header#header img {
display: none !important;
}
}

#4. Remove Logo on One Page
If you use Business Plan/higher, add this code to Page Settings > Advanced > Code Injection

<style>
a#site-title, header#header img {
display: none !important;
}
</style>

If you use Personal/Basic Plan > edit that page > Add a Code Block (anywhere on page) > Paste this code

<style>
a#site-title, header#header img {
display: none !important;
}
</style>

#5. Remove Logo on One Page - Desktop Only
If Business Plan/higher, add this to Page Settings > Advanced > Code Injection

<style>
.header-display-desktop a#site-title, .header-display-desktop img {
display: none !important;
}
</style>

If Personal/Basic Plan > edit page > Add a Code Block (anywhere on page) > paste this code

<style>
.header-display-desktop a#site-title, .header-display-desktop img {
display: none !important;
}
</style>

#6. Remove Logo on One Page - Mobile Only
If Business Plan/higher, add this to Page Settings > Advanced > Code Injection

<style>
.header-display-mobile a#site-title, .header-display-mobile img {
display: none !important;
}
</style>

If Personal/Basic Plan > edit page > Add a Code Block (anywhere on page) > paste this code

<style>
.header-display-mobile a#site-title, .header-display-mobile img {
display: none !important;
}
</style>

#7. Remove Logo Link (All Pages)
Use this code to Custom CSS

a#site-title, .header-title a {
pointer-events: none;
}

#8. Remove Logo Link (One Page)
If Business Plan/Higher, add code to Page Settings > Advanced > Code Injection

<style>
a#site-title, .header-title a {
pointer-events: none;
}
</style>

If Personal/Basic Plan, edit page > Add a Code Block > Paste the code

<style>
a#site-title, .header-title a {
pointer-events: none;
}
</style>

#9. Remove Logo on Cart Page
Use this code to Custom CSS box

body#cart header#header img {
display: none !important;
}
2 Likes
2

Awesome, thanks a lot @tuanphan!

Am I right that these solutions will help to remove “Made by Squarespace” logo, or is it something else?

1 Like
3

I edited title :sweat_smile:

1 Like
4

Hello! When I did the Remove Logo on One Page it removed it from across the entire site. Can you please help!
Context: I am looking to remove the logo/site title on the main home page only when you land on it, because we have a full bleed graphic with the logo overlaid. I’d like the logo to appear on the custom slide-out menu and on all of the other pages on the site for Desktop.
Can you help!!? THANK YOU!

1 Like
5

It runs on all pages… I guess you added it to Site Wide Code Injection Header instead Homepage Code Injection Header.
You can use this code to Website > Website Tools > Custom CSS

body.homepage {header#header img, a#site-title {
display: none !important;
}}

Or this code to Homepage Settings > Advanced > Header

<style>
a#site-title, header#header img {
display: none !important;
}
</style>

image
image1366Ă—600 59.6 KB

2 Likes
6

Updated code to remove Logo on Cart Page.

1 Like
7

It worked!!! Thank you so much

1 Like