Remove logo from one page

<style>
  h1#logoImage {
    display: none;
}
</style>

I'm using the code above from @tuanphan to hide the logo on the homepage. It worked perfectly, but when I left the site and returned, it no longer did.

In addition, the logo from the site I duplicated to create this one is appearing on certain pages such as https://ranunculus-carrot-mpx5.squarespace.com/portfolio/loughrea-hotel-wedding-4elsa-tnsjw-6tw2w I've removed all images from the assets folder, as well as the custom files, so this should not be happening?!?

Advice much appreciated! 

@DreamrW Can you share the site wide password to your website? The code you need varies depending on your version of Squarespace.

(Not relevant to your question; but the link you shared suggests that you are duplicating portfolio items, but not updating the auto-generated URL, you may want to go though and update these to relate to the page contents.)

14 minutes ago, Ziggy said:

@DreamrW Can you share the site wide password to your website? The code you need varies depending on your version of Squarespace.

(Not relevant to your question; but the link you shared suggests that you are duplicating portfolio items, but not updating the auto-generated URL, you may want to go though and update these to relate to the page contents.)

Apologies! It's Galway2023

Just now, DreamrW said:

Apologies! It's Galway2023

15 minutes ago, Ziggy said:

@DreamrW Can you share the site wide password to your website? The code you need varies depending on your version of Squarespace.

(Not relevant to your question; but the link you shared suggests that you are duplicating portfolio items, but not updating the auto-generated URL, you may want to go though and update these to relate to the page contents.)

You're right, I duplicated the portfolio items, but I'll be sure to update the URL. Thanks for the heads up. 

Try using this instead in the page header code injection:

<style>
  .header-title-logo img {
    display: none;
}
</style>

I notice you're using other code to change your site logo, I'm wondering if that is affecting how this code is working for you.

5 minutes ago, Ziggy said:

Try using this instead in the page header code injection:

<style>
  .header-title-logo img {
    display: none;
}
</style>

I notice you're using other code to change your site logo, I'm wondering if that is affecting how this code is working for you.

Great, that worked to remove the logo on the homepage, thank you! 

Any idea why I'm seeing the wrong logo on the blog pages? 

8 minutes ago, DreamrW said:

Any idea why I'm seeing the wrong logo on the blog pages? 

This will have been added either in Custom CSS, or in code injection on the pages or site wide:

https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site

My feeling is that it's in the Custom CSS and will include this:

.header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6279030…/t/627d781…/1652389915843/Gary-Barrett-Photography-Logo-Black.png);
    background-size: cover;
    background-repeat: no-repeat;
}

as well as another line setting the "actual" logo to visibility:hidden;

You may have to search through the CSS to find it and remove it, but be careful removing elements if you don't know what they are doing. Good luck!

12 minutes ago, Ziggy said:

This will have been added either in Custom CSS, or in code injection on the pages or site wide:

https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site

My feeling is that it's in the Custom CSS and will include this:

.header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/6279030…/t/627d781…/1652389915843/Gary-Barrett-Photography-Logo-Black.png);
    background-size: cover;
    background-repeat: no-repeat;
}

as well as another line setting the "actual" logo to visibility:hidden;

You may have to search through the CSS to find it and remove it, but be careful removing elements if you don't know what they are doing. Good luck!

It's not there! Here's the CSS 😞

//Custom Fonts

@font-face {
    font-family: ‘Avenir;
    src: url('https://static1.squarespace.com/static/63d436d8f9f50c66d00abb0b/t/63ec0930ca5dfc36e5ed050c/1676413232833/AvenirLTStd-Book.otf');
}

.sqsrte-large {
font-family: 'Avenir';
}

p {
font-family: 'Avenir';
}

.sqsrte-small {
font-family: 'Avenir';
}

//DESKTOP//
.header-nav-item a {
    font-family: 'Avenir';
}

// Testimonial Slider 
section[data-section-id="627d67d025dae4744dad11af"] {
  .summary-thumbnail {
    border: none;
  }
  .summary-item-list {
    pointer-events: none;
    .summary-item {
      padding-left: 20px !important;
      padding-right: 20px !important;
      @media screen and (min-width: 640px) {
        padding-left: 100px !important;
        padding-right: 100px !important;       
      }
    }
  }
   .summary-item-list img {
    border-radius: 100% !important;
    height: 150px !important;
    width: 150px !important;
  }
  .summary-thumbnail-outer-container {
    height: 150px !important;
    width: 150px !important;
    margin: 0 auto;
  }
  .summary-item-list img {
    border-radius: 100% !important;
    height: 150px !important;
    width: 150px !important;
  }
  .summary-title {
    margin-top: 30px !important;
    font-size: 1rem !important;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: proxima-nova;
    text-transform: uppercase;
    text-align: center !important;
    pointer-events: none;
  }
  .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
      float: none;
      width: 100%;
      position: absolute;
      bottom: 20%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      z-index: 9;
      color: #000 !important;
  }
  @media screen and (max-width: 640px) {
    .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
        width: 80%;
    }
  }
}

// Slide Up Header + Navigation On Load //

header {
  animation: fade-intro-up 1s ease;
  -webkit-animation: fade-intro-up 2s ease;
}

@keyframes fade-intro-up {0%{opacity: 0;-webkit-transform: translate3d(0,50px,0);-moz-transform: translate3d(0,50px,0);-ms-transform: translate3d(0,50px,0);-o-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}100%{opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}

// Stretchy Navigation Line - v2 //

.header-nav-item::after {
  content: '';
  background: #C1B59B; //color
  height: 1px; //thickness
  width: 0;
  display: block;
  margin-top: 2px !important;
  transition: width .5s; //animation speed
  margin: 0 auto;
}

.header-nav-item:hover::after {
  width: 100%;
}

.header-nav-item--active a {
    background-image: none !important;
}

// Highlight Border Button //

.sqs-block-button-element--small{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.sqs-block-button-element--small:hover
{
  box-shadow: inset 0 0 0 1px #C1B59B;
}

// Centre Image Gallery bottom row //

@media screen and (min-width:992px) {
[data-section-id="6283d753c96085051512eeb0"] figure:nth-child(n+25) {
    position: relative;
    left: 265%;
}
}

//DDMMYY

.field.month.two-digits{
   left:~'calc(3.5rem + 2%)'
}
.field.day.two-digits {
   left:~'calc(-3.5rem - 2%)'
}

6 hours ago, Ziggy said:

Can you check the page header code injection? Specifically on the blog page?

Thanks Ziggy, that was the issue! Not sure how I overlooked that. Thanks for you help, much appreciated! 

On 2/22/2023 at 6:39 PM, DreamrW said:

Great, that worked to remove the logo on the homepage, thank you! 

Any idea why I'm seeing the wrong logo on the blog pages? 

On 2/22/2023 at 6:32 PM, Ziggy said:

Try using this instead in the page header code injection:

<style>
  .header-title-logo img {
    display: none;
}
</style>

I notice you're using other code to change your site logo, I'm wondering if that is affecting how this code is working for you.

Hey Ziggy, the logo has reappeared in the homepage - I've checked and the code injection hasn't changed at all. Can you advise why this may have happened? 

https://padraicfallonphoto.ie/

Thanks in advance

On 10/11/2023 at 11:41 PM, DreamrW said:

 

Hey Ziggy, the logo has reappeared in the homepage - I've checked and the code injection hasn't changed at all. Can you advise why this may have happened? 

https://padraicfallonphoto.ie/

 

Thanks in advance

Change to this code

<style>
  .header-title-logo img {
    display: none !important;
}
</style>

On 10/13/2023 at 3:59 AM, tuanphan said:

Change to this code

<style>
  .header-title-logo img {
    display: none !important;
}
</style>

 

That worked, of course! Thanks Tuan 😃🙏🏼

On 10/13/2023 at 10:59 AM, tuanphan said:

Change to this code

<style>
  .header-title-logo img {
    display: none !important;
}
</style>

 

Thank you so much it worked!

I've added the above code and it does hide it on desktop but not on mobile. any additional code needed for that? thanks in advance! 

7 minutes ago, michael.caston said:

I've added the above code and it does hide it on desktop but not on mobile. any additional code needed for that? thanks in advance! 

This should work for both. Can you share your website?

https://newton-construction.squarespace.com/
PW: Newton24

Try this CSS:

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

thanks for your help. that helps hide it on all pages, but like on desktop, i only want it hidden on the home page. 

can you help? 

On 9/28/2024 at 12:19 AM, michael.caston said:

thanks for your help. that helps hide it on all pages, but like on desktop, i only want it hidden on the home page. 

can you help? 

Add homepage class before the code

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

thank you!