This tutorial provides the steps to create a Slide in-out Responsive Menu in Genesis Sample 3.0.0+ This is upgraded version based on Slide in-out Responsive Menu in Genesis Sample.
You can add background colors, Image and Custom content including Social widgets in this Menu.
It is recommended to read older version of tutorial to have a better understanding with the new version.
STEP 1
The first thing we need to do is to add a snippet to check whether javascript is enabled on a browser or not. This will ensure that the navigation menu works on javascript enabled browser.
Follow Add js and no-js class to body in Genesis.