How to Remove Your Logo on Squarespace

If you are looking to move your logo to the body of your Squarespace website, or for whatever reason, just do not want to have a logo. This is a very simple process that requires very little code. In this short guide, I will show you guys how to remove the logo on your Squarespace website using 3 lines of code.

Watch The YouTube Video

Check out the YouTube version of this post for an even deeper insight into this topic.

Removing Your Logo on Squarespace

1. Navigate To Custom CSS

1. Make your way to the Squarespace portal and log in.

2. Either search “CSS” or navigate to Design > Custom CSS and open the “Custom CSS” page.

2. Paste The Following Code

Use the following code in the CSS panel on the “Custom CSS” page.

.header-title, 
.header-logo-image {
    display: none !important;
}

3. Save and Test

As soon as you have implemented the code you should see that the logo has been removed. Make sure your changes are saved and everything works correctly.

4. Add a Custom Image (If you want)

If you would like to add the logo elsewhere on your website (the center of the hero section for example):

1. Open the editor by pressing edit in the top left.

2. Select Add Block > Image.

3. Select Upload Image or Choose from Library.

4. Adjust and resize.

This method allows for your logo to be present anywhere on your website. Ensure your logo is in the perfect place.

Any Questions?

My name is Jacob, your expert Squarespace designer. I have helped hundreds of businesses across multiple industries. If you have any questions after reading this article, be sure to contact me through WhatsApp.

If you would like to discuss a potential design project, you can email me at jacobchivers@chiverscrafted.co.uk or contact me here.

Thanks for reading!