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, Altitude Pro and Brunch Pro.
In this tutorial, we shall apply the same in Foodie Pro.
Screenshot:
Screencast:
Tested in Foodie Pro 3.1.1
Step 1
Upload slideout.min.js to Foodie Pro'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.
Thank you Sridhar!
[…] 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 Right widget […]