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 @Cooperton5000 Tr this code: .site-nav--dropdown { column-count: 2; } By this code they convert to 2 column but not work proper as you have sub collection also so cant adjust by this css, for that need to change other css too.

Hi Jasoliya - how could I make 2 or 3 columns under my ‘By Brand’ headings for the poker set and poker chip menu items? My theme is debut, and my webite url is https://gutshotpokersupply.com/ . Thanks in advance for any assistance!

Hi @ajaku3714 Add this code in asset->theme.scss file at bottom: #SiteNav .site-nav--has-dropdown:nth-child(3) .site-nav__childlist-item:nth-child(2) ul, #SiteNav .site-nav--has-dropdown:nth-child(4) .site-nav__childlist-item:nth-child(2) ul{ column-count: 2;}

Hi @Jasoliya Can you help me. I am trying to add 5 column drop down menu that have more than five options in Minimal theme. I tried your code but it is not working. Website link: https://minimall.ph/ Thank you in advance.

Salut Minimal, Désolée mais je ne peux pas t’aider. Par contre tu as réussi à avoir des menus déroulants qui fonctionnent chez toi. Je n’y arrive même pas. Peux tu m’aider ? Un grand merci d’avance. DAMV shop

Hi @Jasoliya It worked for me! Thank you so much! @DAMV apologies I tried translating your post but It seems that google translate missed something crucial on your post. Will you please elaborate your concern.

Peux tu répondre à ma question ? Merci

Je n’arrive pas à faire des menus déroulants. Tu es arrivé à le faire. Peux-tu m’aider ? Merci.

Multi-column drop down menu in Debut theme

Store Design

Jasoliya April 29, 2020, 11:49am 40

Add this css

.site-nav .site-nav--has-dropdown:nth-child(3) ul{column-count: 5; background: white;}

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

Multi-column drop down menu in Debut theme

Related topics