How to make a drop down menu with 3 columns in Dawn Theme

[lichael06]

How to create a nav menu with 3 sub menu columns in Dawn theme, like this one:

and here's my website (https://9ek8jqdxqdln8rey-41208348837.shopifypreview.com😞

@Litos 

@KetanKumar 

[PageFly-Victor]

Hi @lichael06 ,

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
ul#HeaderMenu-MenuList-2 {
    width: auto;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[Litos]

Hi @lichael06,

Please send me the code of header.liquid file, I will check it for you

[GemPages]

Hello @lichael06 ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
#Details-HeaderMenu-2 #HeaderMenu-MenuList-2 {
    column-count: 3;
    width: 800px;
}
</style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team