I am building a website for a tiny hotel. I am trying to make this work as a one pager.
Here is the problem.
- I have the Detail-Page of the rooms that is hidden off canvas 100% to the right
- On the Body, I have a link that has a hover interactionn. On hover, this hidden Detail Page slides in 10% from the right, showing the user that there is something hidden. When I hover out, it disappears again. This works fine.
- Now on that same link, I consequentely have a click interaction to open the Detail Page. On Click, the Detail Page slides in 100% from the right and unveils. This works too. But as soon as I move the mouse, the Detail Pages closes again because of the hover interaction that is on this same link.
I can’t find a workaround. Custom Code? Overriding Webflows Hover effect when Click? Any help / thoughts are appreciated.