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-…

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

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?

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!!!

Hello Jasoliya, I’m looking to add multi column in Crave theme but can’t find the solution anywhere. Do you know how can I do ? That’s my website www.aromesetfruits.fr and my password : woflea

Multi-column drop down menu in Debut theme

Store Design

Jasoliya March 9, 2022, 5:23am 162

Follow this

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

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

Multi-column drop down menu in Debut theme

Related topics