You’re right James, the responsive menu button doesn’t open on click. The developer neglected to enqueue his navigation script.
Put this in your functions.php:
// dequeue 2012 navigation.js
// enqueue colorlight navigation.js
function my_reenqueue_scripts() {
// remove twentytwelve navigation script
wp_dequeue_script( 'twentytwelve-navigation' );
wp_deregister_script( 'twentytwelve-navigation' );
// add javascript for handling the navigation menu hide-and-show behavior.
wp_enqueue_script( 'colorlight-navigation', get_stylesheet_directory_uri() . '/js/navigation.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'my_reenqueue_scripts', 100);
You may also need to adjust the visibility of the menu by putting this at the end of style.css:
@media screen and (max-width: 1145px) {
.main-navigation ul.nav-menu.toggled-on {
position: relative; /* stack in front */
z-index: 10;
}
}
That should do it.
Timm