Help! Basic Dropdown Interactions (Gifs for explanation)

I was following @PixelGeek’s awesome video on mega menu creation - https://www.youtube.com/watch?v=gRQtUrMgRDo

And while I have it almost correct, there are still a couple of things I just can’t figure out 6 hours later!

Problem 1: The dropdown menu fades in on the first on-hover like it should, but every time after that it just appears and ignores the interaction.


Here is my public share link: LINK
(how to access public share link)

EDIT: Problem 2 is now solved - Both the fade out and fade in interactions were set to 0.5. Changing the fade out to 0.2 meant they didn’t clash! Still need help with Problem 1 though :slight_smile:

Problem 2: When hovering from one menu item to the next, the background ‘fade-in’ animation replays and then makes the black faded background disappear altogether.

Menu-Background

It’s my first proper go with Interactions, so any help would be greatly appreciated!

Feel free to have a play for yourself - https://golden-moments-usa.webflow.io/

1 Like

I ended up solving Problem 1.

I moved the interaction of the background fading to the nav bar rather than each menu item.