Distribute Dropdown Menu Items

[ProconMarketing]

I would like to distribute my dropdown menu items across the menu instead of having only one column.

This is my problem:

I want it to look like this (without having to add sub-category headings):

Each column can have 5 items in it. 

Please help. 

Here is my link: https://8ae3b9-27.myshopify.com/

Thanks in advance.

[Shadab_dev · Accepted solution]

Open component-mega-menu.css from theme code editor and this at the very bottom.

.mega-menu .mega-menu__list--condensed {

display: grid;

 grid-template-columns: repeat(5, 1fr);

}

[ProconMarketing]

Thanks, it worked - but I'd like it to read to read DOWN alphabetically, instead of across alphabetically. 

Please help if this is this possible?

[Shadab_dev]

I am not sure but this sounds a bit advanced. I am willing to try but definitely for a service fee since this might need some coding atleast as per my knowledge. If you are ok with this, please reach out via mail for a convenient conversation.

Thanks 
Shadab