Genesis and WordPress Tutorials
by Sridhar Katakam 5 Comments Favorited: 2 times
In the past, I wrote about using Slideout.js for sliding in the primary navigation menu when the hamburger menu icon is tapped on smaller screens in Genesis and Altitude Pro.
In this tutorial, we shall apply the same in Brunch Pro.
Tested in Brunch Pro 2.2.1
Upload slideout.min.js to child theme's js directory.
Create a file named say, slideout-init.js in the same location having the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Find my tutorials helpful and wish to donate?
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.
Would this work in foodie pro too ? (I think they are the same dev)
Yes with a few changes.
I wrote a tutorial for you here:
I just looked on phone and I think foodie pro already has this feature, as far as I can see on the screencast, sorry!
Foodie Pro does not have side navigation built-in.
[…] the series on off-canvas side menu in Genesis, Altitude Pro, Brunch Pro and Foodie Pro today I write about using Slideout.js for sliding in the navigation menu in Header […]