I have a drop-down navigation bar that stop interaction with anything under it.
When the drop down is closed, all of it is set to hidden. The group height is also about 80px and overflow is hidden, so it shouldn't be on top of anything else. On mouse over, the drop down is visible and the group height becomes its original.
I was thinking that a solution might be to set the nav-hype-document div z-index to 1, set the button z-index to 2, and the drop-down menu to 3. I couldn't figure out how to do this in hype.
I have spent days trying to figure this out to no avail, please help!
I have included a zip with all hype documents and html files.
nav issue.zip (226.3 KB)