rezon8dev on "[Theme: Twenty Sixteen] Want to use TwentySixteen Menu functions in TwentyTwelve"

I'm attempting to use the mobile menu setups from TwentySixteen in TwentyTwelve. I have replaced the contents of the navigation.js file in TwentyTwelve in a child theme with the contents of the functions.js file in TwentySixteen, edited the localization tags, and also matched the class names of the mobile menus.

I then brought the CSS for .site-header-menu through .dropdown-toggle from TwentySixteen into my TwentyTwelve child theme, and renamed the .site-header-menu class to .nav-menu to use TwentyTwelves terminology.

My test resulted in no menus appearing. But they are in the HTML. So it's a visibility issue, and I'm assuming it's because my javascript isn't correct. Since I'm not versed in javascript (yet), I'd like to ask if someone can point me to information about how TwentySixteen's menus are set up so that I can understand how they work.

My plan is to update my many TwentyTwelve sites with menus that work like TwentySixteen's without having to convert all my sites to TwentySixteen child themes.

I'd like to be able to create a new child theme setup in TwentyTwelve that has all this built in. Kind of a "what TwentyTwelve should have been" setup.