To view the full content, please sign up for the membership. Already a member? Log in below or here. Username Password Remember Me Forgot Password
Search Results for: youtube
Smooth scrolling between page sections using Page scroll to id
Page scroll to id is a great jQuery/WordPress plugin for smoothly scrolling to sections on the same page. Version 1.5.0 of the WordPress plugin was released on Jan 4th and from the change log we can see, * Added `offset` option: Offsets scroll-to position by x amount of pixels (positive or negative). If you have […]
Implementing Responsive-Tabs jQuery script in WordPress
Pete Love’s Responsive-Tabs jQuery script can be used to display content in tabs at regular desktop widths which automatically collapses to a accordion view at a specific width (767px by default, configurable). Follow the steps below to use it in your WordPress site. First, screenshots. 768px and above: 767px and below: Screencast: Step 1 Upload […]
Cross-browser animations using Animate.css
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to make Header and Primary Nav fixed in Minimum Pro
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Smooth scrolling to in-page links in any Genesis theme
Ben writes, Clicking on the ‘Our Work’ button on the home page of the Agency Template results in a smooth scroll to the anchor half way down the page. However, when I create a button on other pages which I would also like to smooth scroll, it just jumps instantly down the page. I suggested […]
Adding a responsive side menu in Genesis using Sidr
In this article I show how Sidr can be used to display Primary Navigation menu items in the left side when a hamburger menu icon font link is clicked. I am using Genesis Sample as the active theme in this example. Here’s the flow: Primary navigation bar appears in its entirety at screen width of […]
How to add a hide and show switch for fixed bottom section in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Using jQuery.Pin to make any element sticky in WordPress
jQuery.Pin is an excellent jQuery script to pin any element to the top of a container. In this article I shall go over implementing jQuery.Pin in WordPress to make Primary Navigation menu and a widget in News Pro (a Genesis child theme) stick to the top of screen as the rest of the page content […]
How to fade away an element when scrolling down and fade it back when scrolling up in WordPress
In Agency Pro, a Genesis child theme the welcome text content gradually fades away when scrolled down and appears in full opacity when scrolling back up. In this article I am going to provide an example of using Agency Pro’s JavaScript in Minimum Pro. This can be applied in any WordPress theme. Screencast: In the […]
Recent Comments