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 , thanks for getting back to me. I’ve not managed to do it - the workaround I have now is creating the sub-menus with A-G, H-M, etc. This allows me to have 4 columns. Ideally want to remove these but still have 4 columns. Thanks

Sorry, @Jasoliya I don’t think I was being clear. Attached is how it is just now. On my other site (which you helped with previously in this thread) I now have the brand list over 3 columns. See… [Currently.jpg] [Ideal Layout.jpg]

Thanks. See > https://frontiers-woman.com

we can only increase number of column with this code. add this .site-header .site-navigation > li:nth-child(4) ul{column-count: 4 !important;}

I just tried to add this to the bottom of the theme.css file but didn’t work unfortunately :disappointed_face:

i cant see code in your theme.scss file, where you added? or add me staff: jasoliyabrijesh123@gmail.com will check

I have just readded the code and removed the sub-menu headers. It’s now one wide list of brands - see > [Untitled.jpg]

keep all code as it is and add me staff need to check code

Multi-column drop down menu in Debut theme

Store Design

Anderson10 December 13, 2022, 2:25pm 187

Menu back as before. Code now removed.

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

Multi-column drop down menu in Debut theme

Related topics