Mobile Menu

  • kevredsentence

    (@kevredsentence)


    1 year, 8 months ago

    On tablet/mobile, how do I just set the click on the hamburger icon rather than entire element (Toggle Bar).

    I still want top keep the dropdown mega menu width 100%

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    1 year, 8 months ago

    Hi kevredsentence,

    Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    #{$wrap} .mega-menu-toggle {
      pointer-events: none;
    }
    #{$wrap} .mega-menu-toggle > * > * {
      pointer-events: all;
    }

    Regards,
    Tom

    Thread Starter kevredsentence

    (@kevredsentence)

    1 year, 8 months ago

    Hi Tom,

    Thats great! Thankyou

    Is there anyway of reducing the width of the mega-menu-toggle without reducing the flyout menu(mega-menu-open)?

    The issue is that is conflicting with another link to left of the menu/hamburger icon because the mega-menu-toggle is 100% width

    TIA

    Plugin Author megamenu

    (@megamenu)

    1 year, 8 months ago

    Hi kevredsentence,

    There’s a “Sub menu – force width” option in the Mobile Menu section of the theme editor. You can enable that and make the toggle bar whatever width you want.

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile Menu’ is closed to new replies.