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 the Beautiful Pro theme in iPad & iPhone size - how would I replicate that?
Responsive header menu in Beautiful theme can be seen at widths lower than and equal to 768px.
In this article I am going to provide details of how to get the same working in Agency Pro. The process is the same to get this working in any Genesis child theme that does not already have a responsive header menu.
Tablet view
Mobile view
Step 1
Copy or upload js/responsive-menu.js to js/responsive-menu.js in agency-pro.
Step 2
Add the following in child theme's functions.php:
