Dawn 6.0: How To Make a Multi Column Submenu?

[MattB82]

I have a dropdown menu with 20+ items in it and I'd like to break this up into multiple columns.  

Can anyone suggest how to do this?

https://keith-jack-wholesale.myshopify.com/

[PageFly-Victor · Accepted solution]

Hi @MattB82 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

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.mega-menu__list.page-width.mega-menu__list--condensed {
    display: flex !important;;
    gap :5px
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[MattB82]

YOU are a wizard!  Thank you so much!

[floweractually]

Hi, 
I tried your code but it didn't work as shown. I am on Dawn 11.0. It will be highly appreciated if you could provide guidance. 

[Agencia-Fuller]

Tried it but this happened: 

Now the options in the sub menu are all horizontally organized.

Any way to solve this?