I am creating a navigation in my Webflow portfolio project, and there is an issue I cant get rid off.
My settings show that the initial state of the 2 lines is set the way, that they are horizontally and parallel to each other. So no problem here. But when I change to view mode, the initial state just changes to the X and not the = for a reason I don’t get. And when I click the X, the navigation opens. I made a screencast so that you see the issue. When I try then a second time to click it in the video, it works. Its only about the white box which fly out, not the nav links.
But the initial state is when I reload again the X and not the =
Don’t know how to solve that.
Hope you can help me! Many thanks, I really appreciate your help!
It looks like you are using the native navbar, and also there is a ‘legacy’ interaction on click as well as an Interactions 2.0 on the same element.
This worked for me:
Toggle to the legacy interactions - ‘select none’
Toggle back to the new interactions panel, and select the mouse tap
Excellent, glad it fixed it - make sure to tick the ‘solution’ box just down there on the right
I was working on a similar hamburger a few weeks back so it was fresh in the mind - it’s easy to think you need to add the same steps to both hamburger states, but actually the ‘close’ already has it’s initial state defined by the ‘open’…so the ‘close’ needs less steps
