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

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

Hi @DAMV maybe this can help you https://help.shopify.com/en/manual/sell-online/online-store/menus-and-links/drop-down-menus

Non cela ne m’aide pas. J’ai lu et relu, j’ai regardé la vidéo mais aucune explication concrète.

Hi I have similar issue. My site name is: oztechbuddy.com.au could you plese have a look and help please? Regards, Roni

In which menu you want to make 2 column ? you have all short menu

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

Multi-column drop down menu in Debut theme

Store Design

oztech-buddy May 5, 2020, 4:04am 49

Sorry, I was playing with the menus. I have put back the long menu again.
Please test.
Its the left-most menu: Apple > Cases >

Topic		Replies	Views
Multi-Column Drop Down Menu In curswine theme Store Design	2	51	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	58	February 9, 2022
Taste theme - Need to make dropdown menu two columns Store Design menu	8	84	March 24, 2024
Multi-Column Drop Down Menu In Studio Theme Store Design	5	72	July 22, 2022

Multi-column drop down menu in Debut theme

Related topics