Sridhar Katakam

Genesis and WordPress Tutorials

You are here: Home / Archives for Agency Pro

Agency Pro

Smooth scrolling between page sections using Page scroll to id

by 14 Comments

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

Smooth scrolling to in-page links in any Genesis theme

by 24 Comments

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

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

How to make Header menu in Genesis mobile responsive similar to that in Beautiful Pro

by 42 Comments

Update: Current latest version of this tutorial is here. A user asked in ‘Genesis WordPress’ Facebook group: Sridhar – or anyone else – does someone have a code snippet I can use to change the way the navigation displays on the Agency theme on smaller screens – I like the look of the nav for […]

>