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 @SixYardsPlus Go to Online Store->Theme->Edit code Asset->theme.scss->paste bellow code in bottom of file @media only screen and (min-width: 767px) { #MenuParent-2 .site-nav__item:nth-child(3) .site-nav__dropdown-grandchild{width:auto;} #MenuParent-2 #MenuChildren-2-3{ column-count:…

Fantastic! Thank you so much! That worked, as expected!! One thing I was looking up, was if there was a way to put a menu separator - a line between groups of related menu items. But I could not find a way to do that. Would appreciate if there are some ideas on this.

Can you show me by screenshot i am not getting exact, will check if that possible then will share code.

Hi @Jasoliya This is exactly how i am trying to get the layout. i also am trying to center logo if possible. My understanding is I need to have 2 navigation menus example menu 1 and 2 and then in the code to center the logo The second is for the items not to go further than 14 rows if this make …

I cant access your store, you can send me your .myshopify store url ?

[image] Magic Clouds Vapoury Magic Clouds Vapoury password ezeezu

You have already option with theme editor to move logo in center. Check your theme editor->header

Hello, I just can’t find theme.scss file. I have theme.css file and I added your code but my drop down menu is still in 1 column. Could you please help me?

I am trying to split the peekers>shows section into 3-4 columns instead of 1 long one. Using Impulse theme www.bingetokyo.jp Thanks for your help!

Try to use this: Go to Online Store->Theme->Edit code Asset->theme.scss->paste bellow code in bottom of file @media only screen and (min-width: 767px) { .header-item--split-left .site-navigation:first-child > .site-nav__item:first-child .grid__item{column-count: 4; width: 40%;} }

Multi-column drop down menu in Debut theme

Store Design

fiberoptics03 November 12, 2020, 6:26am 82

password ezeezu

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	61	July 22, 2022

Multi-column drop down menu in Debut theme

Related topics