Streaming live at 10am (PST)

Hamburger Icon Change to X when navigation is open


#1

I'm trying to get my Hamburger Icon to change to an "X" when someone clicks on it to open the navigation. I've tried a few different interactions, but nothing seems to be working properly. I can get the "hamburger icon" to disappear, but the "x" won't appear.

Here is my public share link:
https://preview.webflow.com/preview/feinberghanson?preview=f03845654f087c0b817b59f1fb0df2ab


#2

I think @sabanna had an article on how to do all types of cool hamburger things on the forum using custom code. Just need to find it...


#3

http://custom-hamburger-menus.webflow.io

And

https://webflow.com/blog/how-to-customize-your-hamburger-menu-in-webflow


#4

Thanks @Syndicate15 for the links. :wink:


#5

Thanks @Syndicate15 :smiley:

@melphiz6 @VLADinSACRAMENTO these custom hamburger animations were all created 100% in Webflow without any custom code, there's a tutorial available here on how to create them: https://webflow.com/blog/how-to-customize-your-hamburger-menu-in-webflow

Please feel free to reach out anytime if you have any questions, I'm here to help. :slightly_smiling:

:smiley:


#6

Nice. Thanks again @Waldo :wink::grinning::blush:


#7

@Waldo would definitely be the one to ask if you need help on this, since he is the brainchild behind those tutorials :+1:🏼:clap:🏼:clap:🏼:clap:🏼:clap:🏼:clap:🏼


#8

I'm flattered by your kind words @Syndicate15 :smiley: I was just playing with interactions one day and realized that you could build out the interactions based upon the Navbar trigger :smiley: I hope to build out at least 100 hamburger menu interactions by some point for anyone to utilize in their Webflow sites :blush:


#9

That would be amazing! You're awesome


#10

Thanks so much @Waldo this is exactly what I needed. I'll take a look and if I'm struggling reach out


#11

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.