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
  • 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.

    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

    Hi  @rlevine9,

     

    Have you resolve it? How? Thanks

    • This reply was modified 1 year, 5 months ago by mbaldoni.

    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;

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

    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 1 year, 1 month ago by dirkvang.

    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?

    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 😉

    Hi, @mbaldoni

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

    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?

    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?

    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’);
    });

    i have done but is not working.

    test.bestmall.nl

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

    Ok, thanks!

Viewing 17 posts - 1 through 17 (of 17 total)