Slide In Vertical Nav Menu Widget For Genesis Themes With Fixed Header

This full height vertical widget area pushes the entire site container when opened. The code is an updated version of this tutorial to work with the latest Genesis Sample theme which uses a fixed header.

Demo Video #

Shows the animated hamburger icon in the fixed header of the Genesis Sample child theme, when clicked, opens a vertical widget displaying the nav menu widget.

Tested using the Genesis Sample child theme with fixed site header.

Code Installation #

There’s 3 steps relating to installation of the files inside the download folder :

Related Tutorials

• Full Height Vertical Side Push Menu Widget For Left or Right