trebitzki

Apparently my older browser wasn’t able to run the JavaScript used in the Advanced section. Switching to a new browser resolved the issue.

Still I do need the older browser version for some of my work. Can you tell me the script changes with WordPress from 5.5 to 5.6 (ES6, ES7 etc.)? With this information I may be able to fix the issue with a workaround. I know that I can take a look at the source, but a friendly tip, perhaps pointing to the script code on the Advanced section, would be great! Thanks for your help.

It’s only in the admin panel when I go to the Sitemap section and any submenu thereof. And you’re right, it’s a typo. The version is 2.6.4. It’s a mulitsite setup, and shows up on all sites.

• This reply was modified 5 years, 7 months ago by trebitzki.

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