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

Hello @Jasoliya , I found one of your replies a while ago and was able to integrate it into my site. As we have grown though our brand menu continues to expand, and if I add a new column now it goes off of the screen. Is there a way to move the menu to a more central location like some of my other …

Hi @Jasoliya How would I add a drop down menu with 4 columns on a debut theme on page ‘makers’ shop https://artisan-market-online.myshopify.com/

Hi @BandO Send your store password.

Go to Online Store->Theme->Edit code Asset->theme.scss->paste bellow code in bottom of file #SiteNav > li:first-child ul{column-count: 2;} Note: keep this menu at first position otherwise code will not work.

Thanks so much @Jasoliya . It worked perfect :slight_smile: Do you know how I can make it work for the mobile version? Thanks a lot really!!

Try this one but it will not work accurately because for that need to change other code too. #MobileNav > .mobile-nav__item:first-child > .mobile-nav__dropdown { column-count: 2;}

Hi Jasoliya, I’ve read all of your streams but still can do it. Can you suggest a solution so that the drop down manu of Cataloge and others showsin two/three columns? Here’s my shop link: https://www.milkywaytrading.co.uk/ Will be extremely grateful

Multi-column drop down menu in Debut theme

Store Design

BrendaSauvage July 5, 2020, 2:17am 69

Hi @Jasoliya

I’m trying to make a multi column dropdown menu only for PRODUCTORES. I haven’t been able to make any of the code posted here work.

www.salvajevinos.com

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

Multi-column drop down menu in Debut theme

Related topics