How To Hide Header Logo Squarespace

Written By Victor Rolf

In this blog tutorial, you will learn how to hide your logo on your Squarespace website using custom CSS code.

Let’s dive in..


Watch the video

Check out the YouTube video below 👇

To hide your logo in the header, navigate to the Custom CSS section in Squarespace, paste the following code:

header .header-title,

header .header-title-logo {

display: none !important;

}

then click save, and the header logo will be hidden. As shown in the image below :)

Image showing code of how to hide a logo on Squarespace
 

Your designer

I'm Victor Rolf, an expert Squarespace designer .If you'd like to discuss a potential project, you can email me at victor@rolfmade.com or get in touch here. Alternatively, book a free 15-minute consultation call here.

Victor Rolf https://www.rolfmade.com/
Previous

How to Add an Embedded Block in Squarespace
Next

How To Hide Elements on Mobile View Squarespace