Mobile Button-only menu – No hamburger

  • I’m trying to replicate the very simple menu I’ve seen on another site. The mobile version of their menu starts out with two buttons… one for their phone number and one with the word MENU, which clicks to expand the navigation. No hamburger menu at all. This replaces the hamburger menu. I’d like to do the same.

    With the amount of power that Mega Menu possesses, I’d probably be an idiot to bet that it can’t do it. Can someone verify that I can achieve this with Mega Menu? Regular or Pro version doesn’t matter.

    Much appreciated.

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

Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi cjsebes,

    You could get close with MMM, but not exactly the same.

    Using the toggle bar designer, add an HTML block (Pro required) with the phone number in it to the left of the toggle bar, and a Menu Toggle block to the right of the toggle bar. In the Menu Toggle block, set the icon to disabled.

    It would require custom CSS to:
    1. Get the left and right toggle bar areas to be equal widths (50% wide each)
    2. Style the phone number
    3. Style the phone number toggle bar area (change the background to orange)

    I hope that helps!

    Regards,
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Button-only menu – No hamburger’ is closed to new replies.