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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

jQuery Scroll Method

Tutorials in this archive relate to using different types of jQuery Scroll methods in Genesis including, but not limited to, scroll & scrollTop. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Scroll Indicator JS For WP Themes

Adds a scroll indicator at the bottom of your fixed header in Genesis and other WordPress themes. Only displays on desktops. Includes the

jQuery Scroll Twenty Twenty Theme

Hide Genesis Responsive Menu On Menu Item Click

This solution enables you to hide the Genesis responsive menu when any menu item in the drop down toggle menu is clicked. Once the menu item

Accordion & Toggle jQuery Scroll Nav Menu

3 Ways To Change Logo On Scroll Using jQuery In Genesis Sample Theme

The code in this download folder contains 3 different methods which enable you to use jQuery with PHP to change your image on scroll or

Custom Logo jQuery Scroll

Hero Image Behind Site Header & Menu On Front Page In Genesis Sample Theme

This tutorial enables you to add a hero image with overlaying content behind your site header and nav menu like this : Tested using the

After Header Image Header Image jQuery Scroll

Replace Site Title With Logo On Scroll

This solution enables you to remove the site title and replace it with your custom logo on scroll. Here's the site header showing the site

jQuery Scroll Monochrome Pro

Eliminate The Altitude Pro Header Shrink On Scroll

This tutorial shows you how to remove the shrink effect on scroll in the Altitude Pro child theme by StudioPress. In this case, the

Altitude Pro jQuery Scroll

Hero Image Behind Site Header & Menu With Text Overlay In Genesis Sample Theme

This download folder contains 3 files which enable you to add a full width hero image behind your site header which also contains your menu

After Header Image Custom Fields Customizer Header Image jQuery Scroll

Change Logo Size On Scroll

This solution enables you to change your logo size on scroll on desktops only. When mobile ( less than 960px width ), a smaller version of

Custom Logo jQuery Scroll

Add Utility Bar Before Site Header Removed On Scroll – Eleven40 Pro

This code adds a 2nd header before the default header. The 2nd header includes a clickable logo, smaller than the default header image as

CSS Grid Columns Custom Logo Eleven40 Pro Theme jQuery Scroll

Menu Bar Before Header Which Displays Smaller Logo On Scroll

The code in this download folder creates a 2nd site header with custom links before the default site header in the Genesis Sample child

Custom Logo jQuery Scroll Nav Menu

Add Centric Pro Scroll Down Arrow To Parallax Pro

This tutorial shows you how to add the down arrow from the Centric Pro child theme to the Home Section 1 widget area in the Parallax Pro

Centric Pro Theme jQuery Scroll Parallax Pro Theme

Progress Bar With Percentage Read On Scroll

This code extends the code in this tutorial which adds a horizontal scroll bar at the top of the Genesis site header. The jQuery includes

jQuery Scroll

Show Progress Bar On Scroll Before Header In Genesis

This download provides which which adds a progress bar displayed on scroll. The progress bar accurately indicates how much of the page

jQuery Scroll

Add Smooth Scrolling To Front Page Widget Areas In Altitude Pro

This code adds smooth scrolling from your nav menu links to each widget area in the front page template of Altitude Pro. You can also use

Altitude Pro jQuery Scroll

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

jQuery Scroll

Replace Logo With Site Title On Scroll

This solution enables you to remove your header image and replace it with the site title & description when you scroll down like you see

Custom Logo Header Image jQuery Scroll

Change Site Header Background Color On Scroll

The code in this tutorial enables you to change the background color for the site header on scroll. Tested using the Minimum Pro child theme

jQuery Scroll Minimum Pro Theme

Infinity Pro – Add Sticky Message On Scroll

This tutorial ( in response to this question ) provides the code which enables you to add a sticky message, via a new widget after the

Infinity Pro Theme jQuery Scroll

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

jQuery Scroll

Change Logo On Scroll

This tutorial provides the code which enables you to switch logos on scroll in any Genesis child theme. Tested on the Genesis Sample child

jQuery Scroll

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

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.