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 Jasoliya Please can you help - I’m using Impluse theme but the code below didn’t work:- @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%;} } I’m looking for four columns for …

No need account access, send me your store url and password if any.

Thank you for getting back to me Jasoliya. The store URL is www.frontiers-woman.com, however I’m still running the old Venture theme. The new theme I’m working with is Impulse and the menu I would like to change to 4 columns is the Brands - see below:- [Mark118_0-1615449485980.png] If you need a…

Then send me preview url on which theme you want me to check.

Sure - https://n4sv6p65jykp96zz-28304424.shopifypreview.com

Hi Jasoliya Thanks, but it didn’t seem to work. I added the code at the very bottom of the theme.css.liquid - see below - but no change. [Capture1.JPG] Preview: https://n4sv6p65jykp96zz-28304424.shopifypreview.com Have I put it in the wrong place? Many thanks

My be overriding…try to add in Layout->theme.liquid file before

Worked perfectly - thank you very much!

I’ve tried several of the solutions but it doesn’t work for me either. I’m using the debut theme. The URL is https://frisorenogbaronen.dk/ and I would like to make it so all columns with more than 15 collections would make a new column. Do you know how to do that? The file you keep referring to, t…

Multi-column drop down menu in Debut theme

Store Design

Jasoliya March 11, 2021, 10:03am 107

you can add this css in theme.css file

.site-header .site-navigation > li:nth-child(3) ul{ column-count: 3;}

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