How to customize the mobile drop down menu?

Hi everyone!

I can’t seem to figure out how to see and customize this menu:

34%20PM

When I go and dissect it:

I see that it is turned off:

But when I turn it back on, still nothing shows up…

Would love your help on this!

Thank you in advance!
M


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

My suggestion would be to click on the gear icon and then hit Open Menu button about 1/4 way down.

Let me know how that works for you.

From there you can edit all you want.

@QA_Brandon so awesome! Thank you for the help! :smiley:

@QA_Brandon Hi! One more Q, is there any way to customize the menu icon? And also change it to an “X” when the menu is open?

42%20PM

Yes there is. I am attaching a shared file, of a menu I created for a client recently.

You can use Font Awesome Icons to change the Menu Hamburger Icon as well.

Shared file: Link

@QA_Brandon thanks! But I am having a hard time seeing how it was done through the files. Can I just create my own icon and upload it? I just can’t figure out the entire process for that on Webflow.

Thanks!

1 Like

Sorry for the late response yes you can just create your own and upload that to your Webflow site.

You can also copy and paste from other peoples buttons that they’ve built to share from within the community. Check this one out from @StuM

It’s pretty easy to make an interaction on a button… once you’ve built one, you can then replicate it easily on your other sites.

Hope this helps!

1 Like

Thanks for the mention @magicmark

This was in fact created using divs rather than icons, so the 3 lines are each a div, and each have an animation to make them transform.

Built by me in IX2, with the concept inspired by @Waldo custom burger menus made in IX1 here: https://webflow.com/website/Custom-Hamburger-Menus

Honourable mention also to @zbrah too: https://webflow.com/website/The-Burger-animation?s=burgeranimation

Both of those also clone-able :slightly_smiling_face:

1 Like

Ahah ty @StuM. I need to clean it for copy paste when i have time :slight_smile: