How can I create multiple columns in a drop down menu for Dawn Theme?

Store Design
1
Show More

Hi there. I have added a drop down menu for www.rootandbones.com but it is all single column. I would like it to have multiple columns for width. What code should I input there for Dawn Theme?

2

Hello @DC812000

You can follow these steps:

  1. Go to Online Store->Theme->Customize

GemPages_0-1670299394731.png
GemPages_0-1670299394731.png400×194 19.2 KB

  1. Pick Header → choose Megamenu

GemPages_1-1670299438797.png
GemPages_1-1670299438797.png1908×927 248 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @RB2022

Please go to Online store > Themes > Edit code > Assets > Open 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;
	}
}

I hope that it works for you.