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

Hey Jasoliya, The “Shop” submenu is too long and it’d like to make it 3 columns. Can you help me? The url is https://weld-usa-development.myshopify.com/ Thank you!

I ended up changing the design to avoid the problem, but thank you.

I am having this issue as well with our menus. We have quite a long list of brands. Would you be so kind as to guide me on our site dev site? Pipedream Dev password for site is pipedreamdev Our current theme is “Showcase”

Go to Online Store->Theme->Edit code Asset->theme.scss Or theme.css-> paste bellow code in bottom of file .multi-level-nav ul > li.contains-children > ul.nav-rows{column-count: 2;}

then add in style.css file at bottom

Hi Jasoliya, I have searched through this whole thread and have not been able to get a multi-column to work on my Brands menu. URL is https://weather-boutique.myshopify.com and password is hannah7 If you are willing to help it is greatly appreciated!

Go to Online Store->Theme->Edit code Asset->theme.scss Or theme.css-> paste bellow code in bottom of file #SiteNav > li:nth-child(2) .side-bar-menu{width:100%;} #SiteNav > li:nth-child(2) .side-bar-menu ul{column-count: 4;}

Any chance you know the code to add this to a Shopify 2.0 Blockshop theme?

Multi-column drop down menu in Debut theme

Store Design

itguyksmith June 14, 2021, 1:41pm 131

Thank you for the prompt response.

I do not have a theme.css or theme.sccs in Assets.

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