Button hover stopped working after applied interaction

Design help Animations & Interactions
1

Hi there – i hope someone would be able to help here!

I have created an interaction for my navbar, which is supposed to change its colour (frame BG + text) on scroll. It works perfectly. The only issue is though: the native hover effect on the button just stopped working.

It’s weird, because in the editor, the hover effect works → but if I preview/publish live, it doesnt. Seems like, in a weird way, the interaction is “overriding” the hover effect. Is there a way to enforce it, still?

Would appreciate any help!

Here is my public share link: https://preview.webflow.com/preview/nanothermtx-com?utm_medium=preview_link&utm_source=designer&utm_content=nanothermtx-com&preview=817c2168fdd6214bcdb5fbafd1724476&workflow=preview

2

Give the button a hover effect using the mouse hover interaction. It’s working fine with the interaction applied. You can apply the mouse hover interaction to the “button primary-1” class.