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. [example2.png] Can i somehow make them stack like a megamenu on the right like this: [example3.png] Help would be greatly appreciated, thanks!

@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 - can you please share your website link?

https://f3aa00-b9.myshopify.com/ Password: Salasanaa20022!

Thanks, it looks great! But, currently there’s only 3 products on a row, do i change the width if I want to have more products on one row? [OIMA_0-1715878759337.png]

Thank you so much! This is bit of nitpicking, but can I even out the categories somehow? [example4.png]

@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

But if I have exactly 4? [OIMA_0-1715881191866.png]

it depends on the text length, and it changes all the time

How do i make categories stack in the dropdown menu

Store Design

suyash1 May 16, 2024, 5:02pm 6

@OIMA - yes, change that 33% to the number you want, 25 for 4, 16 for 6 etc

Topic		Replies	Views
My Dawn theme mega menu is too long, hoping to split into 4 or 5 columns Store Design menu	11	136	May 19, 2024
I need of more columns since dropdown menus too long Store Design menu , design , header , landing-page , css , shopify-themes	8	112	April 1, 2024
[solved] Full-width drop down Menu (Craft theme) Technical Q&A css	4	89	March 29, 2023
How do I allow more columns in my mega menu? Shopify Discussion troubleshooting	4	64	November 29, 2023
Reduce Dropdown Menu Box Height (Shopify Dawn THeme) Store Design menu , design , header , customizations , css , shopify-themes , html	7	64	July 17, 2024

How do i make categories stack in the dropdown menu

Related topics