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%;} }

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]

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

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, 4:32pm 2

@OIMA - can you please share your website link?

Topic		Replies	Views
Main Menu desktop Store Design design	15	129	July 9, 2026
My Dawn theme mega menu is too long, hoping to split into 4 or 5 columns Store Design menu	11	185	May 19, 2024
I need of more columns since dropdown menus too long Store Design menu , design , header , landing-page , css , shopify-themes	8	156	April 1, 2024
[solved] Full-width drop down Menu (Craft theme) Technical Q&A css	4	112	March 29, 2023
How do I allow more columns in my mega menu? Shopify Discussion troubleshooting	4	82	November 29, 2023

How do i make categories stack in the dropdown menu

Related topics