• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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:

show-logo-scroll

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:

Register for full access

Related Tutorials

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

jQuery Scroll

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.