I need of more columns since dropdown menus too long

[Diskodorr]

Hey!

I have an issue where my dropdown menu from the header is far too long. It seems this is my themes only option for drop-downs? I would want to either split it into two columns or have another option for the dropdown menu. Specifically I'm talking about the "Brands" dropdown which goes through the whole page... 

Anyone who can help?

Here is my website:

https://thesunshineshrine.com/

[dbuglab]

Hi @Diskodorr 

You can use the mega menu app for this, using app you can set the menu as per your requirement.

[David_SHT · Accepted solution]

Hi @Diskodorr  ,

This is David at SalesHunterThemes.

Thank you for your question. 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
.site-nav .site-nav__dropdown{
   max-height: 400px;
   overflow-y: auto;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Hopefully, this proves useful.
David | SalesHunterThemes team

[Diskodorr]

Yes! 

Thank you very much that was exactly what I needed!

[David_SHT]

You're welcome! I'm glad I could provide the information you needed.

[Pure_Flight]

This method didn't seem to change anything in the Taste theme. Should it have?

[allused]

This solution is outdated if you have the dawn 2.0 theme the way I did it was to go to edit theme

find the component-list-menu.css find the .list-menu--disclosure and use the following code below. You can change the columns to your liking but also change the width to make sure your background covers your list.

.list-menu--disclosure {
position: absolute;
min-width: 100%;
width: 80rem;
border: 1px solid rgba(var(--color-foreground), 0.2);
colums: 5;
-webkit-columns: 5;
-moz-columns: 5;
column-gap: 40px;
}

[Pure_Flight]

Using this method seems to widen the dropdown menu, but the list of entries in the dropdown menu does not populate the second column. Any advise? I am using the 'Taste' theme. 

[allused]

can you send me a screen shot?