Display Logo on Scroll

This tutorial provides the solution which hides the logo in your header and fades it in when you scroll like this:

This code hooks in the image using PHP code and pulls it from your child themes images folder. It also adds a custom class to the image so you can position it anywhere you like.

Here’s all the code:

Related Tutorials

• Replace Site Title With Logo On Scroll
• Adding Shrink Title Effect In Genesis Header
• Change Logo on Scroll to Different Logo