• Hi,

    similar problem to this one

    Mobile menu isn’t collapsing after clicking anything on the list. Page is scrolling as it should.

    Tried

    (function($){
        $(window).on("load",function(){
            $(".menu-item").on("click","a._mPS2id-h",function(){
                $(this).blur();
            });
        });
    })(jQuery);
    jQuery( document ).ready( function( $ ) {
          $( document ).on( 'click', '.main-nav li > a:first-child', function( e ) {
    		var mobile = $( '.menu-toggle' );
    		if ( mobile.is( ':visible' ) ) {
    			$( '.menu-toggle').closest( '.main-navigation' ).removeClass( 'toggled' );
    			$( '.menu-toggle').closest( '.main-navigation' ).attr( 'aria-expanded', $( '.menu-toggle').closest( '.main-navigation' ).attr( 'aria-expanded' ) === 'true' ? 'false' : 'true' );
    			$( '.menu-toggle').removeClass( 'toggled' );
    			$( '.menu-toggle').children( 'i' ).addClass( 'fa-bars' ).removeClass( 'fa-close' );
    			$( '.menu-toggle').attr( 'aria-expanded', $( this ).attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
    		}

    and few more scripts. No results.

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

  • The topic ‘Mobile menu not closing after clicking’ is closed to new replies.