Mouse move in viewport clashing with Dropdown open menu

Design help Animations & Interactions
1

Hi guys,

I need some help.

I have designed this website https://roshanay-asif-sheikhs-radical-project.webflow.io
The problem I am facing is that the Mouse move in viewport interaction is clashing with the dropdown menu.

Please click on the Menu and you will see the options Link1, Link2, Link3 - I want that when this dropdown opens, the background (images and text in while scrolling in view) is not visible.
The background colour of dropdown open is white and opacity is 100%.

If I remove the Mouse move in viewport (the mouse movement in hover), then its fine but when I activate that transaction, this issue appears.
Please help me out.

Thanks

Here is my public share link: https://roshanay-asif-sheikhs-radical-project.webflow.io
(how to access public share link)

2

Hi Beanbags,

First off, welcome to the Webflow Forums! :tada:

It looks like your dropdown menu is taking up the full viewport. The dropdown list has a width of 100vw and a min-height of 100vw.

vw means viewport width so 100vw means 100% of the viewport width. I’m guessing that is part of the issue.

Can you share your read-only link? That way, we can look into your project and better decipher what’s going on in your project! :slight_smile: