The mobile menu is atop the page but transparent, so it’s covering part of the header nav.
I’m using an interaction to hide/show the menu. The initial state is set to translate-x: 100% (moves it off screen), and opacity: 0; For some reason, the rendered initial state does in-fact have a 0 opacity, but it’s translate property is set to 0, ignoring the 100% on the initial state.
I’m not sure how to resolve this. Ideas would be appreciated.
Read Only Link