Support » Plugin: Clever Mega Menu for Elementor » Menu Toggle on Mobile not working

  • Resolved miked79

    (@miked79)


    Hello. Thank you for a great plugin. I am trying to get it to work on my site.
    I user elementor theme builder to make a header initially. I then installed this plugin and made a mega menu on the Product Catalogue menu item. This all seems fine on desktop but the Hamburger does nothing when viewing on mobile or reduced browser window on PC.
    How can I get this to work? Thank you for your help

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author zootemplate

    (@zootemplate)

    Hi Mike,

    The Hamburger button is created by Elementor.

    In this case, you can go to “Mobile Panel” in menu skin and

    1. Disable plugin’s menu toggle by ticking this box https://prnt.sc/nxq45x
    2. Enter a unique CSS selector of your menu toggle button. Something likes this https://prnt.sc/nxq4kr

    Let me know if it works for you.

    • This reply was modified 6 months, 1 week ago by zootemplate.

    Hello, thank you for your quick reply. greatly appreciated. Unfortunately, this didn’t work for me it was still inactive. I noticed when the Mega Menu is turned off, elementor toggles the “elementor-menu-toggle” class to “elementor-menu-toggle elementor-active” then the normal menu appears.
    See below:

    <div class="elementor-menu-toggle">
       <i class="eicon" aria-hidden="true"></i>
       <span class="elementor-screen-only">Menu</span>
    </div>

    Goes to:

    <div class="elementor-menu-toggle elementor-active">
       <i class="eicon" aria-hidden="true"></i>
       <span class="elementor-screen-only">Menu</span>
    </div>

    I tried many combinations of this and your suggestion without any luck.
    Any ideas? Thanks again

    Plugin Author zootemplate

    (@zootemplate)

    I found some conflicts with Elementor Pro. Working on solutions now.

    While waiting for the update, you can try this:

    1. Go back to “Mobile Panel” in menu skin to enable the plugin’s menu toggle.
    2. Go to the “Nav Menu” widget and disable menu toggle of Elementor like this.
    3. Go to “Advanced” tab of “Nav Menu” widget to edit menu toggle position as you like.

    Plugin Author zootemplate

    (@zootemplate)

    Hi Mike,

    Look like there’re no proper solutions for the problem. We MUST NOT try to change the behaviors of Elementor Pro’s Nav Menu widget.

    I found a better solution: use WordPress Navigation Menu widget instead. This widget is perfect for Clever Mega Menu skins to works properly because it is all plain.

    That’s it. Each plugin has its own behaviors for navigation menus, don’t use enabled CMM4E menus on Elementor Pro’s Nav Menu widgets.

    easthalldesign

    (@easthalldesign)

    This fixed yet? The default WordPress burger nav – is crap. I cant style it or place it where I want it???

    Hi Zootemplate, this worked a treat thank you. It all works fine now. the only thing on the admin side, which may be for consideration when you are updating.

    The WordPress Navigation Widget just puts a bulleted list into the top nav inside the Elementor Template. This looks fine when editing and looking at Elementor Pages/Posts, just not in the template.
    https://prnt.sc/o36yw7

    Also when on mobile size I couldn’t see a way to use the default elementor font I had chosen in my theme plus I wanted to align the hamburger to the right of the container it was within, so I just added some css to the Navigation Widget with a custom class (although I am not that keen on using floats, was just the first thing that worked)

    selector {font-family: "Lato", Sans-serif;}
    
    @media (max-width: 767px){
    .custom-mob-nav .elementor-widget-container{float:right;}
    }

    Thanks again.

    Not beeing able to make Mega Menu work on mobile, already using WordPress Navigation Menu widget.
    This is the website https://staging7.beefitcr.com/
    If you go on desktop and click on “HOLA, IDENTIFÍCATE” you can see the mega menu its toggled. But If you go to mobile it is not toggled anywhere. Any clues on how to fix this?

    Hello, we need the same support from you on this mobile menu:
    http://13.56.234.2/andesoralcare/

    We’ve tried everything on this topic and nothing works. Please help. You’ve made a GREAT plugin, do not let your support service ruin that. Please help.
    We have customers waiting for their site be on production and we cannot launch it because of this.

    Thnak you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.