Streaming live at 10am (PST)

How to customize the mobile drop down menu?


#1

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)


#2

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.


#3

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


#4

@BluBerry_Media 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


#5

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


#6

@BluBerry_Media 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!


#7

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


#8

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!


#9

Thanks for the mention @markos84uk

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:


#10

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