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

Go to Online Store->Theme->Edit code Asset->theme.scss->paste bellow code in bottom of file #SiteNav .site-nav__item:nth-child(1) .site-nav__dropdown-container:nth-child(1) .meganav__list{column-count: 2;} #SiteNav .site-nav__item:nth-child(1) .site-nav__dropdown-container:nth-child(1) .site-nav…

Hi Jasoliya Thanks for your magic Now I have the multi-colmun :slight_smile: Kind regards, Roni

Hi Jasoliya My first long menu converted into a multi-colmon dropdown menu. But other long menus still long. Shouldn’t that code going to convert all long menus of the whole site? Apple > Case. This is working fine. Apple > W&F Case. Its still a long menu Any idea why its happening? Kind regar…

If you add code for conman then it will convert all menu to 2 column even 3 link in menu. for that we have to add one by one css for all long menu

You saved me once again. Thanks for explaining. I converted all of my long menus into 2-colmun menus.

https://therockinghorsekingston.ca/ Thanks!

Add this css in asset->theme.sss file at bottom, and like if work .x-menu--level-1--container li:nth-child(5) .x-menu--level-2--list,.x-menu--level-1--container li:nth-child(6) .x-menu--level-2--list{column-count: 2;}

Hello Jasoliya can you please help. I need 2 column for dropdown menu. The website is https://www.kisnagems.co.uk and its for the last menu heading “more gemstone jewelry” thanks

Multi-column drop down menu in Debut theme

Store Design

ML2391 May 10, 2020, 1:50pm 55

Hi there!

Was wondering if you would be able to help me make my drop down menus 2 columns in the Blockshop theme?

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