How to make Navigation be toggled by a hamburger MENU icon in Altitude Pro

A user asked,

I would like to ask the following question with regard to the article http://sridharkatakam.com/how-to-slide-toggle-primary-navigation-in-altitude-pro/

How do I make the MENU toggle from right to left (or let's say on the left of of the MENU icon)?
For now looks like it's only toggling at the top of the menu icon.

In this tutorial I show how responsive menu icon can be set to appear on desktop widths rather than wait till 800px. Clicking on the MENU icon will expand the navigation menu to its left and clicking on it again will fade it out.

Screenshots:

Default:

After the MENU icon is clicked:

Screencast:

Step 1

In global.js replace

with