In the past I showed elements like header and navigation can be made to stick to top of page when the user scrolls past using jQuery script and jQuery.Pin. In this article I show how jQuery Waypoints Sticky Elements shortcut can be used to do the same. Upload waypoints.min.js and waypoints-sticky.min.js to child theme directory/js. Create a file named say, waypoints-sticky-init.js in the same folder having the following code:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.