This is my current dropdown menu, however i have so many categories that it doesn’t look good and you can’t see all of them.
Can i somehow make them stack like a megamenu on the right like this:
Help would be greatly appreciated, thanks!
@OIMA - can you please share your website link?
https://f3aa00-b9.myshopify.com/
Password: Salasanaa20022!
@OIMA - please add this css to the very end of your base.css file and check
@media screen and (min-width:750px){
details[open] .header__submenu.list-menu:not(.list-menu--disclosure){width: 60rem; display: flex; flex-wrap: wrap;}
.header__submenu li{flex-basis: 33%;}
}
@OIMA - yes, change that 33% to the number you want, 25 for 4, 16 for 6 etc
@OIMA - it depends on the text length, hence usually 3 or 4 options are preferred
I just have so many categories that only 4 options or more would work. Is there any way I could even those out?
@OIMA - difficult when you have more than 4
it depends on the text length, and it changes all the time
Oh, but still, thanks a lot!
welcome, sorry could not help further
Hey @OIMA , sounds like you already implemented a CSS solution which mostly works for you, but I’ll just add a quick note here in case you want to try another option or anyone else with a similar problem wants to try this.
You could also accomplish something like this by using an app such as our Meteor Mega Menu app. Your current design would be most similar to our Amazon menu template (which also optionally includes an image in the menu), but you could also consider our other designs for a different look. Here’s a link to our demo sites where you can preview our templates: https://meteor-outdoor.myshopify.com/