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.
Screenshot:
Screencast:
Tested in Brunch Pro 2.2.1
Step 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:
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:
https://sridharkatakam.com/off-canvas-side-menu-foodie-pro-using-slideout-js/
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 […]