Remove logo from homepage

I'm trying to remove the site logo from my homepage with custom CSS with the BRINE template.

Tried this:

body.homepage #logo { display: none }

It's not working. Can anyone help please? 🙂

thanks!

Also tried this but it removes the logo from every page:

.Header-branding img {display: none !important;}

The selector is usually .Header-branding not #logo but for a definitive answer, please provide a working link to the site. 

@paul2009 I am also trying to remove the logo from the hompage only in SS7.1 

https://reverblondon.squarespace.com/

Password reverb

Any advice? 

52 minutes ago, Hannahmay said:

@paul2009 I am also trying to remove the logo from the hompage only in SS7.1 

 

https://reverblondon.squarespace.com/

 

Password reverb

 

Any advice? 

Add to Home > Design > Custom CSS

.homepage .header-title-logo {
    visibility: hidden;
}

54 minutes ago, Hannahmay said:

I am also trying to remove the logo from the homepage only in SS7.1 

To completely remove the site logo on the 7.1 homepage, it's best to add the following to Design > Custom CSS:

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

Tuan's post (see below) would hide the image, but the link would remain. This means that the mouse pointer would change when hovering over the space where the logo used to be. 

31 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

.homepage .header-title-logo img {
    visibility: hidden;
}

@mat83400 @Hannahmay

I have tried both of the above and the best way that I have found is to add this bit of code to the page that you don't want the logo visible on. 

Go to the page hit edit

Hit the cog in the top right hand corner

Go to advanced settings 

Add this to page header code

<style>

.header-title-logo

{
    display: none;
}

</style>