Hide mobile dropdown nav after click

Home › Forums › Jevelin Theme › Hide mobile dropdown nav after click

Home › Forums › Jevelin Theme › Hide mobile dropdown nav after click

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    NOT RESOLVED Posts

  • fbiazetto
    Participant

    Hi, can you help me with a code to make the mobile dropdown nav hide after click on a menu item? Im using onepage nav so makes no sense to keep the dropdown open after it slides to the section

    Shufflehound Support
    Moderator

    Hi @fbiazetto,

     

    I hope you are well today and thank you for your question.

     

    It hides automatically on clicking the menu on mobile. Just make sure to use following latest version of theme.

     


    Please login to access this file

     

    If you are still facing the issue then could you please share me your site URL where it’s happening so that i can troubleshoot it?

     

    Best regards,
    Shufflehound team

    fbiazetto
    Participant

    Hi,

    Actually, the project its already done, so i just cant start over using the latest version of the theme. And im working locally using MAMP so i cant share it yet.

     

    Could you provide the part of the code that make the dropdown hide? So i can integrate it with my current project?

    Shufflehound Support
    Moderator

    We can’t support forever the older version of theme as it contains many issues including this so we recommend you to update your theme to the latest version.

     

    You won’t lose anything If you have not made any changes in the theme files.

     

    Before updating just take backup of your site so that if anything goes wrong then you can restore it easily.

    fbiazetto
    Participant

    I have made changes in the theme files…. Lots of changes…

     

    I dont believe that is that hard to make this work, you just have to tell me what you did to fix this when you updated the theme.

    Shufflehound Support
    Moderator

    Please use below javascript code to achieve this.

     

        /* Close mobile dropdown on click */
    $('.sh-header-mobile-dropdown li.menu-item:not(.menu-item-has-children)').on( 'click', function() {
        if( $(this).find('> a').attr('href').indexOf("#") >= 0 ) {
            $('.sh-header-mobile .sh-nav-dropdown .c-hamburger').trigger('click').toggleClass('is-active');
        }
    });

     

    If you make changes in the theme file then you have to make these changes again after theme updation as changes made in the theme files get lost on theme updation so it is not recommended at all and using child theme to make changes in the theme is highly recommended.

     

    Find more information about child theme here http://freewptp.com/why-and-how-to-create-wordpress-child-theme/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)