I’ve followed the instructions on making a sticky navbar where on scrolling the navbar will stick to the top once it hits the top of the screen. I got the instructions from here: http://webflowcodestutorials.webflow.io/navigation (search for “nav sticks”).
Essentially I have two identical navbars where one is hidden but then appears when you scroll past the other one. However my problem is that in the mobile view, if you expand the navbar and then scroll down, the “fixed hidden” navbar appears but the menu is collapsed. If I then expand that one and then scroll back up that expanded navbar disappears and I am left with the unfixed navbar.
They are both out of sync - is there a way I can keep them synced (e.g. add the “Open” class on one when the other has the “Open” class?)
Please test it on my website below!