Need help with the a Custom Menu

Design help Animations & Interactions
1

Howdy, guys. Look, I’m trying to recreate a menu I’ve done for my agency website. I’m pretty new to webflow and would love to know how this type of dropdown could be achieved.

He’s the prototype done in UXPin. Just click on the Sevices menu item to see the toggle: - UXPin Preview

Here is my public Webflow link: https://preview.webflow.com/preview/five-visuals?utm_source=five-visuals&preview=83e7ac71b841798d7810e410a118c642

My initial thought was to create a div wrapper with a class, and later on, control the class wrapper animate in and out by applying an interaction to the class. If you guys already did such a custom dropdown, let me know what’s the steps you took.

Thanks in advance
Chris

2

Hey @chrisworkforfood,

Webflow has a build in element for dropdown, which, also has an “open-on-hover”. Use it, to make your life easier :slight_smile: and the experience better.
You won’t need to use interactions at all.

1 Like
3

Thanks, @avivtech. I’ll give it a shot

4

Does anybody have other alternatives?

5

Hey @chrisworkforfood This from @PixelGeek might help you, it’s cloneable too. https://webflow.com/website/pxlgk-mega-menu

1 Like
6

@chrisworkforfood Another one that might help is https://webflow.com/website/Drop-down-Mega-Menu

7

Hey, thanks for a starting point. I watched the PixelGeek webinar and looks like his solution might work. Thanks one more time for the tips. I’ll definitely give a try now.

1 Like