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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Display Fixed Site Header On Scroll

This code enables you to display the site title, description and header on scroll. The code works regardless of whether you choose the after header menu or use the header right widget area.

Video Demo – Sample Theme

Shows the site header on scroll tested using the Genesis Sample child theme by StudioPress.

Code Installation

There’s 3 steps :

Step 1 : From the download folder, upload the file named scroll.js to your themes root directory.

Step 2 : From the download folder, copy & paste the PHP code from the functions file to the end of your child themes functions file.

Step 3 : From the download folder, copy & paste the CSS from the style.css file to the end of your child themes style.css file and clear caching.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Essence Pro Fixed Header

jQuery Scroll

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems