Hover animations cant trigger when inside other divs?

I’m having some trouble with the interactions.

For some reason my the hover animations will not trigger when inside another div.

In the Nav side bar component I have one outside of a group. There are three inside a div below, this is important for my hierarchy, will I really have to resort to relative positioning or custom padding for each element? Or am I missing some functionality in the divs or interactions?

Here is my public share link: Webflow - Robert Hamill
(how to access public share link)

Hi Robert!

Thats because the nav-button class has a z-index of -2. Thats means that they are behind something else and because of that, can’t register the mouse hovering over it. If you make the z-index it 2 for example, the animation will work!

1 Like

Of course, quite a facepalm for me

1 Like