Sridhar Katakam

Genesis and WordPress Tutorials

How to fade away an element when scrolling down and fade it back when scrolling up in WordPress

by 8 Comments

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 […]

Moving Primary Navigation from below tagline to below header in Minimum Pro

by 24 Comments

In Minimum Pro, when a menu is assigned to Primary Navigation Menu theme location it will appear below the tagline like this: If you would like to move the navigation below the header follow along. In functions.php comment out or delete To view the full content, please sign up for the membership. Already a member? […]

Using Waypoints jQuery to animate and fade in elements as they are scrolled to in WordPress

by 8 Comments

Waypoints is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element. In this article I am going to show how to rotate social media icons and fade in text below them as the web page is scrolled down. Even though the instructions are specific to Minimum Pro […]

Taming the !important problem in Simple Social Icons

by 4 Comments

Problem Want to adjust the horizontal spacing between icons of a Simple Social Icons plugin’s widget output? “No problem, I have Firebug” you say. You inspect the icons and find that there’s a left and right margins of 6px each. So you proceed to write .simple-social-icons ul li { margin-left: 10px; margin-right: 10px; } in […]

>