Hide logo and title, but keep nav and hamburger in header on a single page.

Site URL: https://asparagus-wombat-gfw2.squarespace.com/book

I have one page on my site that has an embedded page from square for booking.

I cannot alter that page and it displays the logo.

How can I remove or hide the logo for an individual page while keeping the rest of the header intact.

Temp password DemoSite

1 hour ago, WhiteRook said:

Site URL: https://asparagus-wombat-gfw2.squarespace.com/book

I have one page on my site that has an embedded page from square for booking.

I cannot alter that page and it displays the logo.

How can I remove or hide the logo for an individual page while keeping the rest of the header intact.

Temp password DemoSite

Hi, just add this code to custom css

#collection-621b992f464b055ea80068f4 {
  .header-title-logo img {
    display:none;
  }
}

7 hours ago, Jia said:

Hi, just add this code to custom css

#collection-621b992f464b055ea80068f4 {
  .header-title-logo img {
    display:none;
  }
}

 

Thanks for the attempt @Jia when added to the page appeared as text within the header. 

Does "collection-621b992f464b055ea80068f4" refer to the page? I saw another example that also did not work that used a different descriptor ".book" in my case.

Appreciate the help nonetheless!

On 2/28/2022 at 8:47 AM, WhiteRook said:

Thanks for the attempt @Jia when added to the page appeared as text within the header. 

Does "collection-621b992f464b055ea80068f4" refer to the page? I saw another example that also did not work that used a different descriptor ".book" in my case.

Appreciate the help nonetheless!

It is Page Id. You can also edit page where you want to hide logo >> Add a Code Block (anywhere) > Paste this code

<style>
  header#header img {
    display:none;
  }
</style>