Multi-column drop down menu in Debut theme

Solved
Highlighted
New Member
5 0 0

Thank you Yasoliva for your time. You are very kind..

Sadlly is not working..

When I add that line to the very button of the Assets/theme.scss.liquid my site gets all mest up. (imagees attached)

 

ElNúmeroUNO.62.jpgElNúmeroUNO.61.jpg

0 Likes
Highlighted
Shopify Expert
3315 527 781

Remove old and add this:

#SiteNav .site-nav--has-dropdown:nth-child(2) ul{column-count: 3;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
New Member
5 0 0

Thank you Yasoliva, it worked perfectly!!!

0 Likes
Highlighted
New Member
2 0 0

Is it possible to do this for Supply theme -- the menu goes down too far. Store is www.sheffieldmakershuntersbar.com  password awbayp

0 Likes
Highlighted
Shopify Expert
3315 527 781

Hi @Cooperton5000 

Tr this code:

.site-nav--dropdown { column-count: 2; }

By this code they convert to 2 column but not work proper as you have sub collection also so cant adjust by this css, for that need to change other css too. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
2 0 0

Hi Jasoliya - how could I make 2 or 3 columns under my 'By Brand' headings for the poker set and poker chip menu items? My theme is debut, and my webite url is https://gutshotpokersupply.com/.

 

Thanks in advance for any assistance!

0 Likes
Highlighted
Shopify Expert
3315 527 781

Hi @ajaku3714 

Add this code in asset->theme.scss file at bottom:

#SiteNav .site-nav--has-dropdown:nth-child(3) .site-nav__childlist-item:nth-child(2) ul,
#SiteNav .site-nav--has-dropdown:nth-child(4) .site-nav__childlist-item:nth-child(2) ul{ column-count: 2;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
2 0 0

Great, thanks a lot!

0 Likes
Highlighted
New Member
3 0 0

Hi @Jasoliya 

Can you help me.

I am trying to add 5 column drop down menu that have more than five options in Minimal theme.

I tried your code but it is not working.

Website link: https://minimall.ph/

Thank you in advance. 

 

 

 

0 Likes
Highlighted
Shopify Expert
3315 527 781

Add this css 

.site-nav .site-nav--has-dropdown:nth-child(3) ul{column-count: 5; background: white;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like