I have two push menu's: left and right. The right push menu is not working correctly when viewed on a mobile (issue 1 below). Additionally, neither menu's work in IE 11 (issue 2 below).
1. Mobile - issue
On a mobile, when you open the left push menu and then close it the right menu pushes into view and you cannot get rid of it.
2. IE issue
In IE 11 the push menus do not appear, with the cause, as far as I can tell, being: position:fixed; as applied to menu-push-left and menu-push-right elements. I originally had position:absolute; but this would cause the menu-push-right element to just appear when opened in IE instead of "sliding" in. I have no idea why the position:fixed; does not work in this instance of IE. IE 7+, last I knew, supports position:fixed;
Could someone take a look at my code and tell me what I may have missed?
The JsFiddle is here: http://jsfiddle.net/totaleeyou/0w5w4t4s/8/