Mega-menu height transition

I’m trying to recreate the megamenu on this site: as a challenge to get more familiar with interactions in Webflow.

I followed the steps in this tutorial:, however I would like to have different have 3 navigation items in one of the dropdowns and 4 in the other. Right now when I switch between dropdowns the height of the navigation-wrapper jumps instead of transitioning.

To see the current interaction on my example, hover over the first or second link from the left in the navbar.

I also tried to add a transition to the height of the navigation wrapper but that didn’t work either.

Is there any way to recreate the navigation in my reference?

Any help is appreciated :slight_smile:

Here is my public share link: LINK
Here is my published site link: LINK