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

Thank you so much. It’s really a big help..

Hi @Jasoliya , the code is not working for me. I want to split 3 columns in dropdown menu All Categories. [Screenshot.png]

Send me your store url so i can check

Hi Jasoliya, How would I go about getting the multi column dropdown for travelkarma.com ? Created in Debut theme.

HI @HC-SD You can add css like: @media only screen and (min-width: 767px) { .site-nav__childlist{ column-count: 2;} } Note: you have to remove empty menu from blog “LIFE”

Hello @Jasoliya, How would you add a multi-column dropdown for Shop on Clearwaterlights.com ? Thank you,

Hi @TeamSimpson As per your menu i have create code just for “Shop” menu. Add this css in Asset->theme.scss file at bottom: .nav-bar .has-dropdown:first-child .dropdown { column-count: 2;min-width: 550px;} Note: it will just affect on first menu ‘Shop’ so dont change it position

That worked perfect, Thank You!!!

Hi @Jasoliya I am trying to add 2 column drop down in Minimal Theme with your code but it does not working. Can you help me for this case. I really appreciate that help.

Multi-column drop down menu in Debut theme

Store Design

HC-SD January 6, 2020, 11:46pm 18

Thanks for your help, it works.

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