FROM CACHE - en_header

Multi-column drop down menu in Debut theme

Solved
aamirch
New Member
11 0 0

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

Replies 192 (192)
Jasoliya
Shopify Expert
4552 586 1154

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

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
HayleySinton
New Member
3 0 0

Aw thank you! 

tusktools-au password Zyber

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

 

Many thanks

Hayley 

Jasoliya
Shopify Expert
4552 586 1154

 

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

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
kkveeram
New Member
2 0 0

sorry for late reply.

 

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

 

 

regards,

Kiran

Jasoliya
Shopify Expert
4552 586 1154

Send me store password

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Kevin415
New Member
4 0 0

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
Shopify Expert
4552 586 1154

Send me the password of store. 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Kevin415
New Member
4 0 0

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

itguyksmith
Shopify Partner
2 0 0

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
Shopify Expert
4552 586 1154

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

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
itguyksmith
Shopify Partner
2 0 0
Thank you for the prompt response.

I do not have a theme.css or theme.sccs in Assets.
Jasoliya
Shopify Expert
4552 586 1154

then add in style.css file at bottom

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
hannahlizs
New Member
1 0 0

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
Shopify Expert
4552 586 1154

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

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
ML2391
Tourist
11 0 8

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

ocnuk
New Member
14 0 0

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
Shopify Expert
4552 586 1154

For which menu do you want 2 column? 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
ocnuk
New Member
14 0 0

Hi,

 

In Home Decor & Furniture please

 

thanks

Jasoliya
Shopify Expert
4552 586 1154

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

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
ocnuk
New Member
14 0 0

Hi,

 

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

 

Any other suggestions? thanks in advance !