Removing the logo from a page

This tutorial shows you how to remove the logo from a page.

Complexity: Easy

A useful tool you can use to identify the #collection-id, #block-id and section[data-section-id="xxxxx"] is a Chrome Extension called Squarespace ID Finder (https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff) which I fully recommend.


1. Identify the page collection you want the logo removed.

Use the chrome extension mentioned earlier. In this example the page collection id is #collection-61803842197c3a5a511e27c9

Page collection id

2. Add the CSS code to your website, with the page collection id.

Go to Design > Custom CSS and add the code below.

/* remove logo */ #collection-61803842197c3a5a511e27c9 { .header-title-logo { visibility: hidden; } }
Removing logo from page

If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.


All work in this guide is provided ‘as-is’. Other than as provided this guide makes no other warranties, expressed or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, you can book our consultation services.

Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous
Previous

Removing the navigation menu from a page

Next
Next

Changing the colour of top navigation link on hover and when active