Vertical Alphabetical order Multi-Column Mega Menu (Dawn Theme)

Store Design
, ,
1

Hello,

I’ve been trying to figure this out for hours. I want my Mega menu to go vertically down first, then continue accordingly to the next column, instead of going horizontally. Is there any help or advice? The theme I’m using is Dawn theme.

Here’s a picture of my current mega menu.

Current Mega menu
Current Mega menu2872×748 131 KB

And this is the desired output of the menu I want, is there any particular code that i need to add or change?

Expected mega menu
Expected mega menu2880×570 56.4 KB

Any suggestion on how to do that? Store link : https://sdlsneakers.com/

2

Please add below css code at bottom of assets/base.css file

ul.mega-menu__list.page-width.mega-menu__list–condensed {
flex-direction: column;
max-height: 320px;

}
Thank you.

3

Thanks! It worked just fine on the site