Mobile dropdown animation

How To
1

Home - Geusselt Sport as you can see mobile sub-menu has no transition. How can I fix this, I looked all over the builder and searched this forum. Can’t seem to find how…

1 Like
2

Hey @Joe :slight_smile:

Looks like you solved this problem? When I check your website on mobile it has the nice slide-down animation applied to the sub-menu.

Could you maybe tell me how you achieved this? I´m trying to figure out how to do that, too.

Thanks a lot :slight_smile:

3

Hi, @Joe @Soluna I’ve got the same problem at the moment. Would you guys mind sharing how to animate the drop downs?

4

Have you found the solution? Please share.

6

If you’re using the standard Nav Menu element, a clean way to handle this without heavy plugins is using some basic CSS transition on the mobile menu container.

You can target the open state class (usually .bricks-mobile-menu.listening) and apply a transition to the Max-Height or Opacity/Transform properties. Just make sure your base mobile menu state has a transition time set (like transition: all 0.3s ease-in-out), and it should smooth out the opening and closing nicely!