[Dylan Doskicz]

Is it possible to have the logo at the top only appear after the page is scrolled? Currently when a user scrolls the page, the logo shrinks and the menu becomes darker. I’d like the logo to appear after this action because I am currently using the logo as my header and would like it to appear at the top after the page is scrolled so that both logos are not present at the same time.

http://www.djdosk.com

[Mahesh]

@dosk: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#masthead .site-logo {
	visibility: hidden;
  	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}

#masthead.is-sticky .site-logo {
	visibility: visible;
  	opacity: 1;
}

Regards,
Mahesh

[Dylan Doskicz]

Thank you!

[Author]

Posts