Edit hamburger Icon while menu open

Design help General
1

How do I add the open state on the hamburger icon?

https://preview.webflow.com/preview/chancesgaminglounge?utm_medium=preview_link&utm_source=dashboard&utm_content=chancesgaminglounge&preview=d47d6f97104447f4cd5d41c7007cfe1e&mode=preview

Here is my public share link: LINK
(how to access public share link)

2

Hey @Dave_Birnie!

Depending on how much you want to customise you have two main options.

First you can edit the styles of the open state. Here is some info on that: Navbar menu button | Webflow University

Or if you want more customisation you can remove the default icon and create your own. Here is some info on that from our blog (note: this is using some of our older UI and interactions, but the concepts are the same): https://webflow.com/blog/how-to-customize-your-hamburger-menu-in-webflow

Hope that points you in the right direction.

3

Thanks!

Got it all figured out.

1 Like