After searching high and low and reading through many options, I found this great solution for off canvas navigation  http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/. I tested it in IE7 and it still works, even if the animation isn't there, it still has the function.

The problem I have is as follows:

1. I wanted to make the menu appear be visible on larger screens and only dissapear on smaller screens (800px and lower). I managed to get some results changing the CSS, but then the menu and other fucntions stop working properly.

2. Instead of the page flip animation that they use in the tutorial, I wanted a simple content switch funtion (between divs in the same page). I've tried modifying the code, but I'm doing something wrong because everytime I change the Javascript, my content dissapears.

I'm sure I'm not the only one interested in this and I tried getting answers from the Codrops team, but to no avail. 

Anyone have any ideas?