We shall show the widgets placed in a custom widget area in the side panel when the hamburger icon is clicked/tapped - effective 959px and below.
The side panel can be dismissed by clicking/tapping the close icon or clicking anywhere on the content area.
While the tutorial has been written for Genesis Sample, it should work with some adjustments in any Genesis theme. Tested in Genesis Sample 3.2.0.
Create a directory called
js in the child theme directory and upload slideout.min.js under it.
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.