Enable SUB-MENUS on MOBILE DEVICES: Twenty Twelve theme

Seeking solution to apply these functions to provide sub-menu functionality on mobile devices.

These functions thoughtfully provided by: Brahmbhatt (@snehalb890) in a previous topic, though they do not generate sub menu functionality on mobile devices. All menu pages are displayed in one list on mobile devices. Sub menu functionality does appear on desktop and larger format devices.

functions.php path / file Name: twentytwelve-child/functions.php

/* Enque child theme  -  jkb  010120 */

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
 
    $parent_style = 'parent-style';
 
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
function enque_childtheme_js() {
    wp_enqueue_script( 'child_theme_js', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '1.0', true );
}

add_action('wp_enqueue_scripts', 'enque_childtheme_js');

.js path / file Name: twentytwelve-child/js/navagation.js

jQuery(document).ready(function($){
  if ($(window).width() > 767) {
  }
  else {
    $('.main-navigation li ul').hide();
    $('.menu-item-has-children').has('ul').click(function() {
      $('.menu-item-has-children a').css("display", "block !important");	
      $(this).children().toggle();
    });
  }
}); 

Grateful for your assistance. ~:~ Jacob

• This topic was modified 4 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
• This topic was modified 4 years, 3 months ago by James Huff.

The page I need help with: [log in to see the link]