Hello, I have been trying for hours to figure this out. Two of our drop down menus are too long and we need to split them into two columns. Is there any help or advice? my theme is Debut theme

Hi, Follow this: Go to Online Store->Theme->Edit code Asset->theme.scss->paste bellow code in bottom of file #SiteNavLabel-solvents { width: auto; } #SiteNavLabel-solvents ul { column-count: 2; } #SiteNavLabel-solvents ul li {-webkit-column-break-inside: avoid;page-break-inside: avoid; break-…

Hopefully this thread is still alive: How would you go about creating multiple columns within the brands dropdown for optical-heights.com ? Thank you for your time! @Jasoliya (I’m sorry if this is rude)

you have already column in menu .. in which menu want column?

I solved the issue, thank you though! Sorry about that!!!

Hello @Jasoliya How would you add a multi-column dropdown for Shop on https://ri3qvpcf1y067i4l-51982074037.shopifypreview.com for the ‘Albums’ > ‘Boy Groups’ and ‘Girl Groups’ menu? Thank you in advance for any possible help!!

add this css: .nav .dropdown-submenu:nth-child(2) .dropdown-menu,.nav .dropdown-submenu:nth-child(3) .dropdown-menu{column-count: 2;}

Follow this open Layout → theme.liquid file- > at end just before paste this

Can you help me too with the long dropdown problem? The category is “brands.” My website is www.shopfivenine.com . I have tried many of the solutions in this thread to fix it myself but nothing worked.

Go to Online Store->Theme->Edit code Asset->theme.css Or theme.css-> paste bellow code in bottom of file .Header__MainNav ul > .HorizontalList__Item:nth-child(2) .DropdownMenu{ max-width: 400px;} .Header__MainNav ul > .HorizontalList__Item:nth-child(2) .Linklist { column-count: 2;}

omg that worked. thank you SO MUCH!!!

Multi-column drop down menu in Debut theme

Store Design

c_jackson04 March 8, 2022, 3:25pm 161

Thanks for quick response, I added it to the file theme.css but it hasn’t changed. Did I add it in the wrong place?

Topic		Replies	Views
Multi-Column Drop Down Menu In curswine theme Store Design	2	56	March 15, 2022
Change the formation of dropdown menu Store Design menu , header , collection-page , landing-page , css	2	44	March 12, 2025
Debut Theme - How to create multi-column drop down from main nav menu Store Design	6	64	February 9, 2022
Taste theme - Need to make dropdown menu two columns Store Design menu	8	86	March 24, 2024
Multi-Column Drop Down Menu In Studio Theme Store Design	5	75	July 22, 2022

Multi-column drop down menu in Debut theme

Related topics