If you have 2 or more fix elements that sit on top of each other
ie: header options that change color based on the current screen
the order of the elements will dictate which hover effect will occur.
If you have a z-index on 1 element of 1000 and 999 on the other.
Hiding (changing the visibility) of the element at 1000
- does not allow the hover transitions of the element @ 999 to occur.
Click still works… but hover does not. This is a bit frustrating.
As a fix… I will try to move the element out of the way instead of hiding it.