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

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.

My Store url: scotsprint.myshopify.com Password to view is: 1234. Please help me check my store. Thank you

HI @MinhNguyen Add this css in asset->theme.scss file at bottom: #MenuParent-1{column-count: 2;}

OMG, thank you so much, It’s work on Pc theme. But in the mobile theme it still the same. May I ask your help again, if you have a free time. [mobile.JPG]

That’s perfect, Thank Jasoliya. Have a nice day!

Could you please help me out? Is not working for me :frowning: I would like three columns for those dropdown menus that have more than five options. https://elnumerouno.myshopify.com/ ps: reesho

HI @gvales271 Add this css: #SiteNav .site-nav--has-dropdown:nth-child(2) ul{element.style {column-count: 3;}

Thank you Yasoliva for your time. You are very kind.. Sadlly is not working.. When I add that line to the very button of the Assets/theme.scss.liquid my site gets all mest up. (imagees attached) [ElNúmeroUNO.62.jpg] [ElNúmeroUNO.61.jpg]

Multi-column drop down menu in Debut theme

Store Design

Jasoliya March 19, 2020, 7:48am 27

Add this css:

#MobileNav-Parent-1{column-count: 2;}

Topic		Replies	Views
Multi-Column Drop Down Menu In curswine theme Store Design	2	53	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	85	March 24, 2024
Multi-Column Drop Down Menu In Studio Theme Store Design	5	74	July 22, 2022

Multi-column drop down menu in Debut theme

Related topics