[Resolved] submenu animation

[Dirk]

Hi,
I want to animate my mega submenu on

https://dinabox.de/

with this code only the background of the submenu is animated

********************************************************
.main-navigation .sub-menu{
max-height: 100%;
transition: max-height 600ms ease-in-out;
}

.main-navigation .sub-menu.toggled-on{
max-height: 500px;
}
*******************************************************

what do I have to do so to animate the submenu on the left?

or maybe someone can
create one of these animations for the submenu

https://codepen.io/southface/pen/GqYWJk

best regards
Dirk

[Leo]

Hi there,

It will take a lot of custom coding to implement that Codepen solution which is outside the scope of this support forum, unfortunately.

You will need to find a developer to implement that for you if you really need it.

Please keep in mind that our CSS mega menu solution is only for users who want a very basic mega menu. You will need to look into a custom solution or plugin for something more complicated.

[Dirk]

OK it would be enough for me, if the upper code animates the menu item together with the background

Regards Dirk

[Leo]

Not sure if I understand but the default transition can be seen here:
https://www.screencast.com/t/W96OMV4FgY

[Dirk]

Yes, it’s difficult for me to explain.
I’m just looking for a possible example of a smoothly animated desktop submenu

I would like to use the original menu of GP but a small fluid animation

Has nobody here animated his desktop submenu nicely?

grettings Dirk

[Leo]

I can’t really anyone who shared a custom solution here unfortunately.

[Dirk]

yes I have already searched 😉
then I have to search a little further

Thank you

[Leo]

No problem 🙂

[Author]

Posts