• 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

Add Smooth Scrolling To HTML Bookmark Links In Genesis

This code enables you to create your own HTML bookmarks ( Scroll Points ) in the editor of any Genesis child theme and add smooth scrolling to each section.

Or, install the code so its adds smooth scrolling to existing HTML bookmarks you have already setup to jump to specific sections on a page.

The code also includes HTML which generates inline nav menu links exactly the same as the genesis nav menu in your theme.

Here’s the demo video:

Demo Video

Code Installation

After downloading the zipped folder for members below, there’s 3 steps to install the code :

Step 1 : Add the following HTML to your WordPress editor.

Step 2 : Add the folder named scroll to your child themes folder.

Step 3 : Copy & paste the PHP code from the scroll.php file and paste it at the end of your child themes functions.php file.

Here’s the files for logged in members:

Register for full access

Related Tutorials

  • Add Jump To Scroll Point Link Only If HTML Bookmark Exists Within Single Post Content
  • Add Smooth Scrolling To Front Page Widgets In Infinity Pro

Infinity Pro Theme

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