Hide logo on home page

I actually found the answer. Here it is in case anyone else is looking for it:

@media only screen and (min-width:1025px) {
.home .site-header:not(.float-header) .col-md-4 > a {
display: none;
}
}

BUT it does not seem to,work on my IPAD. Any ideas how to fix this? Thanks.

Hello there,

Please try this code:

.home .site-header .col-md-4 a {
  display: none;
}

Regards,
Kharis

I tried this and it works in that it removes the logo completely now from the home page on all platforms — it no longer scrolls with the menu. Is there a way to make the Logo scroll with the menu on all platforms? I really appreciate your taking the time to look into this — this is a technique I plan to use quite frequently if I can just lock it down. Thanks!

Hello there,

Try adding this extra custom CSS code:

@media only screen and (max-width: 1024px) {
  
  .site-header.fixed {
    position: fixed !important;
  }
  
} 

Regards,
Kharis

No, that didn’t work. This is frustrating.

Try replacing all CSS code I suggested with this one:

@media only screen and (min-width: 1025px) {

  .home .site-header .col-md-4 a {
    display: none;
  }
  
}

@media only screen and (max-width: 1024px) {
  
  .site-header.fixed {
    position: fixed !important;
  }
  
}

Regards,
Kharis

This continues to work on the desktop pc but does not work on either IPAD or IPHONE. I am using the free version of Sydney, could this be the issue, that these fixes you have worked hard to propose will only work with the upgraded version? If I knew for sure they would work I have no problem upgrading.

BUT it does not seem to,work on my IPAD. Any ideas how to fix this? Thanks.

For portrait mode of smaller iPad screen from which 768px. So you’d use this CSS code:

@media only screen and (min-width:768px) {
  .home .site-header:not(.float-header) .col-md-4 > a {
    display: none;
  }
}

Regards,
Kharis