How to implement a 3-column dropdown menu in the Dawn theme?

Technical Q&A
1

I need some help in implementing 3 columns to my submenu, the list is just way too long and I am having trouble figuring it out.

2

Hi @pridejewel ,

Go to Assets > component-list-menu.css and paste this at the bottom of the file:

@media only screen and (min-width: 750px){
	.header__submenu.list-menu{
		width: 60rem !important;
	}
	.header__submenu.list-menu li {
		width: calc(100%/3);
		display: inline-block;
	}
}

Hope it helps!

2 Likes
3

@LitExtension Thank you, this worked but is it possible to have the list display alphabetically vertically instead on horizontally?

4

Hi @HRNaoise ,

If it helped you solve your issue, please mark it as a solution.

And you can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

5

I made a new discussion. Embarrassingly, I don’t know how to mark it as a solution..?

6

Hi @HRNaoise ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.