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:
Hi @Diskodorr
You can use the mega menu app for this, using app you can set the menu as per your requirement.
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 tag
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
Yes!
Thank you very much that was exactly what I needed!
You’re welcome! I’m glad I could provide the information you needed.
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;
}
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.
This method didn’t seem to change anything in the Taste theme. Should it have?
can you send me a screen shot?
