Want to use TwentySixteen Menu functions in TwentyTwelve

  • David Borrink

    (@davidborrink)


    9 years ago

    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.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Any luck David? Doing the same now..

    Thread Starter David Borrink

    (@davidborrink)

    Unfortunately no. I did start another thread where I did some attempts, but they didn’t work. Here’s that thread.

    I studied the structure of TwentySixteen and they used the flex settings to spread out the menus and it’s nice. And the Javascript is tripping me up due to my lack of understanding Javascript. TwentySixteen is set up the way TwentyTwelve should be, but isn’t.

    I eventually found the nice SlickNav plug-in to put a good mobile responsive menu on my themes, and set the menu-toggle button to display:none to hide it altogether. So the SlickNav gives me a better mobile menu setup which behaves more like TwentySixteen’s slide-down menus when in mobile.

    So that’s where I parked the situation at the moment. It’s an easier thing to give my clients this plug-in mobile menu setup than to try and figure out how to make TwentyTwelve act like TwentySixteen.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Want to use TwentySixteen Menu functions in TwentyTwelve’ is closed to new replies.