Added this to my app, and it works great. I used just a handle on the left.
A note for anyone else finding this:
In order to move the handle up or down on the page, in the CSS change top in the .handle block. To make it taller or shorter, change height in .handle, and change height in .handle-label to 2px less than the height in .handle.
In order to size it to fit the word "Menu" I also changed top and left in .handle-label-left.
With the following changes, it just fits in the header, sized for the text "Menu"
Keep all the CSS the way Adam has it above, and just make these changes:
in .handle
height: 50px;
top: 1px;
in .handle-label
height: 48px;
in .handle-label-left
top: 10px;
left: 15px;
Thanks, again, Adam.
Glad it is working for you.
