Max Mega Menu will not display in responsive mode

Home › Forums › Jevelin Theme › Max Mega Menu will not display in responsive mode

Home › Forums › Jevelin Theme › Max Mega Menu will not display in responsive mode

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

  • rlevine9
    Participant

    I am using the Jevelin theme and have disabled the mega menu that comes with Unyson in this theme.

    I have installed Max Mega Menu Pro and it works well in full screen mode but the menu does not display in responsive mode.

    I have checked conflicts with other plugins by turning them off and have found none.

    I have checked for any css display:none; issues and found none.

    I have attached screen shots to illustrate what I am seeing.

    The first shows the menu in desk top

    The second shows the responsive menu with everything missing

    The third shows the inspector and where I expected the menu to appear.

     

    Thanks for any help.

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @rlevine9,

     

    Sorry to hear of the problem you are having.

     

    It seems the issue with Max Mega Menu plugin so could you please contact the plugin support on the following page?

     

    https://www.megamenu.com/support/

    Best regards,
    Shufflehound team

    mbaldoni
    Participant

    Hi  @rlevine9,

     

    Have you resolve it? How? Thanks

    • This reply was modified 5 years, 6 months ago by mbaldoni.

    rlevine9
    Participant

    we put the code in the header.php.  we were using the a jevelin theme, but the idea will be the same with other themes:

     

    Jevelin: Theme Header (header.php)

     

    <header class=”primary-desktop<?php echo jevelin_header_desktop_style(); ?>”>

    <?php /* Inlcude desktop header */

    get_template_part(‘inc/headers/header-‘.jevelin_header_layout() );

    ?>

    </header>

    <?php endif; ?>

     

    /*  PUT THE CODE IN THE NEXT LINE */

    <?php wp_nav_menu( array( ‘theme_location’ => ‘header’ ) ); ?>

    /* ————————————————————————-*/

     

    <?php

    /* Inlcude breadcrumbs HTML, if not bottom titlebar style */

    if( $titlebar_style_val2 != ‘bottom_titlebar’ ) :

    get_template_part(‘inc/templates/titlebar’ );

    endif;

    rlevine9
    Participant

    Part 2:  Then we used CSS to remove the menu from template in all modes.

    dirkvang
    Participant

    For Gillion, got it to work through support from Max Mega Menu. Paste below in Mega Menu > Menu Themes > Custom styling:

    body.mega-menu-header header.primary-mobile {
  display: none !important;
}
body.mega-menu-header header.primary-desktop {
  display: block !important;
}
    • This reply was modified 5 years, 2 months ago by dirkvang.

    Ahmatjan
    Participant

    Hello,

    @dirkvang @rlevine9 @mbaldoni

    I am now using mega menu, desktop is normal, but mobile is not working normally, then I am using:

     

    body.mega-menu-header header.primary-mobile {
    display: none! important;
    }
    body.mega-menu-header header.primary-desktop {
    display: block! important;
    }

     

    but mobile sticky no longer works.

    do you have other solution?

    mbaldoni
    Participant

    I have solve it. As soon i can i reply with solution. You can search the solution in megamenu’s web site anyway. They but the solution code there 😉

    Ahmatjan
    Participant

    Hi, @mbaldoni

    I have not yet resolved, I am waiting for your reply, thanks.

    Ahmatjan
    Participant

    Hi, @mbaldoni

    body.mega-menu-header header.primary-mobile {
    display: none! important;
    }
    body.mega-menu-header header.primary-desktop {
    display: block! important;
    }

     
    <h2>but mobile sticky no longer works.</h2>
    do you have other solution?

    Ahmatjan
    Participant

    Hi, @mbaldoni

    body.mega-menu-header header.primary-mobile {
    display: none! important;
    }
    body.mega-menu-header header.primary-desktop {
    display: block! important;
    }

    but mobile sticky no longer works.
    do you have other solution?

    mbaldoni
    Participant

    Try to put this in custom JavaScript panel

    /* Max Mega Menu
    * Unhide mobile menu */
    jQuery(document).ready(function($) {
    $(‘.mega-menu’).parents().show();

    $(window).on(‘resize’, function(){
    $(‘.mega-menu’).parents().show();
    });
    });

    /* Max Mega Menu
    * Close the mobile menu as soon as a menu item is clicked */
    jQuery(“.max-mega-menu”).on(“after_mega_menu_init”, function() {
    jQuery(“li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link”).on(‘click’, function(e) {
    jQuery(“.mega-menu-open”).removeClass(“mega-menu-open”);
    jQuery(“.max-mega-menu”).css(‘display’, ”);
    });
    });

    jQuery(window).load(function() {
    jQuery(‘.sh-nav’).superfish(‘destroy’);
    });

    mbaldoni
    Participant

    https://www.megamenu.com/documentation/jevelin/

    Ahmatjan
    Participant

    i have done but is not working.

    Ahmatjan
    Participant

    test.bestmall.nl

    mbaldoni
    Participant

    Ask to megamenu support. They helped me and gave me a wonderful support. I have bougth the license.

    Ahmatjan
    Participant

    Ok, thanks!

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