Hamburger Icon Change to X when navigation is open

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

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…

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

And

5 Likes

Thanks @Syndicate15 for the links. :wink:

1 Like

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: How to customize your hamburger menu in Webflow | Webflow Blog

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

:smiley:

2 Likes

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

1 Like

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

2 Likes

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:

2 Likes

That would be amazing! You’re awesome

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

1 Like

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