I'm trying to add a second menu area to a Twenty Twelve child theme. I have it working and in the proper place. The only issue is the mobile menu, it displays closed, and will not open.
Basically all I did was add the new menu area to functions, then copy the menu code from the original menu and add it below the header and changed the nav ID name.
<nav id="site-navigation-lower" class="main-navigation" role="navigation"> <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3> <div class="skip-link assistive-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a></div> <?php wp_nav_menu( array( 'theme_location' => 'secondary', 'menu_class' => 'nav-menu' ) ); ?> </nav><!-- #site-navigation -->