Mega menu - Slide subcategories at the same height

Hi!
I want to know how I can make the subcategories slide at the same height of the category that I'm making mouse hover.

This is how it is right now:



And this is what I want to achieve:



Has anybody did this before?
Thank you in advance!

Hi!
I want to know how I can make the subcategories slide at the same height of the category that I'm making mouse hover.

This is how it is right now:



And this is what I want to achieve:



Has anybody did this before?
Thank you in advance!

Hello dlencina,

this is a customization to the original theme design and functionality and therefore we can suggest a possible solution but it has never been tested. So if you experience any kind of problems connected to it you would need to either handle them yourself or just revet the changes.

With that being said, if you want to achieve this you need to add the following code to your theme`s Custom Head Styles section:

@media all and (min-width: 1025px) {
    .category-navigation-list>li,
    .category-navigation-list-wrapper ul li:hover>.sublist-wrap>.sublist>li {
        position: relative;
    }
    .category-navigation-list>li>.sublist-wrap,
    .category-navigation-list-wrapper ul li:hover>.sublist-wrap>.sublist .sublist {
        margin-top: -26px;
    }
    .category-navigation-list-wrapper .sublist-wrap .sublist {
        min-height: 0 !important;
    }
}

Hope this was helpful.
Have a nice day!