Multi-column drop down menu in Debut theme

[aamirch]

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

[Jasoliya]

Send me store url and menu name will give you css.

[HayleySinton]

Aw thank you! 

tusktools-au password Zyber

Main menu - hopefully want to have 3 columns under Cutting , grinding , drilling 

Many thanks

Hayley 

[Jasoliya]

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

.navbar-nav.navbar-standard > li:nth-child(3) > ul,.navbar-nav.navbar-standard > li:nth-child(4) > ul,.navbar-nav.navbar-standard > li:nth-child(5) > ul{column-count: 3;}

[kkveeram]

sorry for late reply.

the url is  https://kkveeram.myshopify.com/

regards,

Kiran

[Jasoliya]

Send me store password

[Kevin415]

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!

[Jasoliya]

Send me the password of store. 

[Kevin415]

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

[itguyksmith]

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.myshopify.com

password for site is pipedreamdev

Our current theme is "Showcase"

[Jasoliya]

1. Go to Online Store->Theme->Edit code
2. 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;}

[itguyksmith]

Thank you for the prompt response.

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

[Jasoliya]

then add in style.css file at bottom

[hannahlizs]

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!

[Jasoliya]

1. Go to Online Store->Theme->Edit code
2. 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;}

[ML2391]

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

[ocnuk]

Hi,

i've been trying to add multi collum drop downs to my page, i have been reading and trying the replys however i'm not having any luck.

Could you help? My website is www.oncloudnineuk.co.uk

many thanks

[Jasoliya]

For which menu do you want 2 column? 

[ocnuk]

Hi,

In Home Decor & Furniture please

thanks

[Jasoliya]

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

#SiteNav > li:nth-child(3) .site-nav__dropdown,#SiteNav > li:nth-child(6) .site-nav__dropdown{ column-count: 2;}

[ocnuk]

Hi,

I've just done what you've said and unfortunately it hasnt worked?

Any other suggestions? thanks in advance !