Streaming live at 10am (PST)

Animate dropdown open


#1

Hi,

Is there any way to animate the open menu on a dropdown item?

I feel like it is a bit abrupt the way that it opens.

My test is here: http://breadcrumb-cca.webflow.io/header-menu

Sharelink: https://preview.webflow.com/preview/breadcrumb-cca?preview=726612009dae253a1d80d77fd3a7fb3f


#2

Hey @chloecan, Yeah the dropdown element has changed a bit and I couldn’t get it to work the way I wanted. Like others, I just recreated it from scratch to get the effect I needed. Maybe someone has solved the dropdown riddle? You can see my collection at the bottom, there’s a dropdown and accordion menus. You can do it to!

https://preview.webflow.com/preview/gj-project-backup?preview=fe3759b3f1b4ca487673f8b2881e046c


#3

Hi @garymichael1313 thanks for sharing.

I’d prefer using the dropdown component really but if there’s no choice… I can’t believe this isn’t possible with the dropdown component…


#4

Having seen your post, I’ve just done this as it took me ages to find out how to do it…


#5

Yes for sure, use @markos84uk example dropdown! Much easier. Thanks for helping us all out bud! See ya.


#6

Thanks guys will look into this!

I appreciate the help :slight_smile:


#7

Hi @garymichael1313 ,

I’ve been staring at the bright pink button reveal in your link for ages and cannot for the life of me work out how it works! There doesn’t appear to be any form of action/animation/transition on mouse hover?

Am I going mad?

Kind regards,

Chris


#8

You mean the 1st membership button?


#9

Yes, that’s the one.


#10

Oh it’s an IX1 Legacy interaction. You can find the “button reveal” layer in the navigator. First go to interactions, then click Legacy. After, click button reveal to show the interaction.

https://preview.webflow.com/preview/gj-project-backup?preview=fe3759b3f1b4ca487673f8b2881e046c


#11

Ah I see, so would it be advisable to do this a different way these days? Presumably mobile users can’t really use/see these kinds of interactions?


#12

Uh… yeah I hear ya… you know I’m not sure what is best to try because there are literally dozens and dozens of phones. Not like it used to be, but there are still a lot of phone types, maybe not many brands anymore, but the S5, 6, 7, you know what I mean. And each little 4, 5, 6 for each person will have their own customized options, and man it can get all over the place!

I’m in the school of limitation on smaller devices. On a small tablet, like Kindel and small phone, just let people find content without interactions as much as possible.

The ultimately goal is not too Wow them, when their on the go or from mobile. The real goal is to make them - Pull out a credit card and buy something!! However that happens, then yes, an interaction might work for ya. When I’m on mobile I can’t stand movement because I’m scrolling a lot and reading. I just like to click, read, scroll, click, read, button, click pay, read, done.

If your actions cause a break in this flow, you might interrupt the impulse. Now they’re thinking, and you will take a back seat to whatever stopped them from pushing that little “green buy button”.


#13

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.