Scroll in/out view killing hover effects

Hello everyone,

I have some troubles with my hover effects when using interactions/animations.

I have a dropdown menu at the top of my site. The dropdown-text has white color with an orange hover.

image

image

I added some interaction/animations, that – when scrolling below the hero section – the text color of the dropdown changes to black (because the menu-bar color changes to white).

image

I then added some interaction/animation, that the textcolor changes back to white, when scrolling back up.

image

image

The animation “make dropdown white when scrolling up” “kills” my orange hover effect. Without the scroll up animation, the orange hover on the dropdown works fine. With the animation, the orange hover does not work at all.

Any idea how I can fix this? As far as I know I can’t change hover color whenn adding a “change text color” interaction?

Thanks you in advance :slight_smile:

Greetigs,
tian


Here is my public share link:
https://preview.webflow.com/preview/bots4you?utm_medium=preview_link&utm_source=designer&utm_content=bots4you&preview=bfed98b409f2a2cbe1a787343197f579&workflow=preview

Is it allowed to push posts?^^

Looking for the same answer now… have you figured this out?