Archived topic
submenu animation
7 replies · Started by Dirk on December 8, 2019
Hi,
I want to animate my mega submenu on
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
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.
OK it would be enough for me, if the upper code animates the menu item together with the background
Regards Dirk
Not sure if I understand but the default transition can be seen here:
https://www.screencast.com/t/W96OMV4FgY
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
I can't really anyone who shared a custom solution here unfortunately.
yes I have already searched ;-)
then I have to search a little further
Thank you
No problem :)
