Hide Logo from Navigation on Scroll

Site URL: http://www.hell-yes.com.au

Hi!

Does anyone know a custom css or html code I can use to hide the logo in my navigation on scroll.

I would like it visible when landing on the page, but as soon as we start to scroll I would like it hidden.

Could anyone please help?

Thanks so much

5 hours ago, SimoneOCo said:

Site URL: http://www.hell-yes.com.au

Hi!

Does anyone know a custom css or html code I can use to hide the logo in my navigation on scroll.

I would like it visible when landing on the page, but as soon as we start to scroll I would like it hidden.

Could anyone please help?

Thanks so much

Try

@media only screen and (min-width: 768px) {
      .header-tucked .branding {
        opacity: 0;
      }
}

That worked! Thank you so much

12 hours ago, HannahRoseShaw said:

Hi! I've been trying to do this, but I can't seem to get the code working on my site. Please can you take a look? www.sisutemplates.com

You can try

#header.shrink .header-title {
  visibility: hidden;
}

Hope it can help