Slide in-out canvas menu in Genesis Sample

This tutorial provides the steps to create a Slide in-out canvas menu in Genesis Sample.

The title area remains in left/right and a slide in-out canvas menu with custom widget area in this canvas area(including nav primary area widget) is added.

You can set it for global or can remove the canvas for small devices. Works great for Business, Portfolio or company site.

Prerequisite:

1. Read Custom widget areas in site header and Navigation Bar in Genesis
2. Follow Slide in-out Responsive Menu forever in Genesis Sample

The Idea:

Here is the quick and simplest idea.