Dropdown Menu Background Not Disappearing

Hi all,

Take a look at this page as an example - https://golden-moments-usa.webflow.io/days-out

When you hover over the top menu items, the dropdown opens and a background layer is applied.

When hovering off however, the background is still there, just with 0% opacity.

How can I hide the dropdown menu background when the user hovers out?


Here is my public share link: https://preview.webflow.com/preview/golden-moments-usa?utm_medium=preview_link&utm_source=designer&utm_content=golden-moments-usa&preview=82707adabb0301ce37b6af024b561847&pageId=5e3c1e2e66b7800b7ad533a0&mode=preview
(how to access public share link)

Here’s the interaction, so when someone hovers on the dropdown menu background (when it is 100% after the dropdown menu has opened), the opacity turns to 0% and it should hide again:

EDIT: Think I got it but happy for anyone to check!

I changed the ‘Hide/Show’ to happen ‘With’ the opacity change, seems to have worked!

Screenshot 2020-03-11 at 12.21.54