Distribute Dropdown Menu Items

Store Design
, , ,
1

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

This is my problem:

Screenshot 2024-10-24 at 21.36.44.png
Screenshot 2024-10-24 at 21.36.44.png1260Ă—661 40 KB

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

Screenshot 2024-10-24 at 21.36.55.png
Screenshot 2024-10-24 at 21.36.55.png1244Ă—465 37.6 KB

Each column can have 5 items in it.

Please help.

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

Thanks in advance.

2

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);

}

2 Likes
3

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?

4

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

1 Like