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

[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%;} }

Hi I’m trying to create a multi-column drop-down menu for one of my main nav categories as well “Shop our products” - I want 6 columns next to each other instead of columns stacked underneath each other www.babaybeads.co.za

Hi Jasoliya, I still haven’t figured out how to make the drop down menu work properly on the mobile version. Is it a lot of code I need to change in order to see the columns properly from the PRODUCTORES menu on mobile? www.salvajevinos.com CHeers,

Yes need some customization. You have to add column count only for desktop not mobile, then add this code for mobile .mobile-nav__dropdown{max-height: 500px; overflow-y: scroll; }

Multi-column drop down menu in Debut theme

Store Design

bingetokyo December 22, 2020, 5:44am 87

that worked. thank you so much!

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

Multi-column drop down menu in Debut theme

Related topics