Hover animations cant trigger when inside other divs?

Design help Animations & Interactions
1

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)

2

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!

image
image1920×936 84 KB

1 Like
3

Of course, quite a facepalm for me

1 Like