Moving #site-navigation Around

I am working on a child theme of Gridiculous but I seem to have run into an issue with the Off Canvas menu. Im gathering that the problem started when I tried moving my #site-navigation menu to the sidebar (normally it appears in the header in desktop view).

https://leopardspot.endofinternet.net:8008/califur2015/

Sorry for the mess since this site needs alot of work. The first menu at the sidebar (“Our Events”, “Art Show”, etc…) is the menu that should switch to the mobile menu when viewed on a tablet or smartphone.

On my tests (tablet and Android smartphone), I do see that the menu is no longer in the sidebar. However, the mobile menu buttons (both for search and the menu button) do not fire off when pressed. How do I get it to work more than halfway.?

For reference, here is the code I have in the sidebar for that menu:

https://pastebin.com/CjbQc2bi (functions.php)
https://pastebin.com/9UxJn8RW (sidebar.php)

Note, I have only moved the menu markup (inside the nav tags) from the header to the sidebar. Within my header, I do have the following:

https://pastebin.com/YmxFJDms

*********

Im hoping there is a way that I can get this to work with the menu being in the sidebar vs Gridiculous’ placement in the header. If anyone has an idea on why this might not be working, it would be helpful.

–goes back to Firebug and pounds the keyboard