Hi everyone,
I hope someone could help me with Eli’s lovely Mega Menu.https://webflow.com/made-in-webflow/website/Mega-Menu-challenge
The image below shows that the white line under ‘Five Boroughs’ remains visible when the mouse is moved away to the sub-item ‘Brooklyn’. However, if I add an extra menu-item to the Mega Menu, and change the interactions accordingly, the underline disappears when the mouse is moved away from the menu-item…
I tried meny ways to keep the line visible, just like on the other two Mega Menu items, but unfortunately without any result. In the end I went back to the original clonable, but it won’t work there either. What I’ve done:
- extra item created (nav link)
- extra draw content created (with combo classes 1, 2, 3, etc) and modified the div name in the content draw
- adjusted the interaction on the ‘nav link’ and changed ‘show draw content 1’ (2, 3, 4 etc), starting with the current menu item and ending with the next one
I Know quite bit about CSS, but I am still learning interactions. So I hope someone will help me solve this puzzle, or help me get the same result in a different way.
The public share link is the clonable, as this is where I also tried to get it to work.
Thanks a lot!