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 172 (172)
c_jackson04
Tourist
10 0 4

Thanks for quick response, I added it to the file theme.css but it hasn't changed. Did I add it in the wrong place?

Jasoliya
Shopify Expert
4534 586 1148

Follow this

1. open Layout -> theme.liquid file- > at end just before </body> paste this

<style>
.nav .dropdown-submenu:nth-child(2) .dropdown-menu,.nav .dropdown-submenu:nth-child(3) .dropdown-menu{column-count: 2;}
</style>

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
lasertron
Tourist
3 0 1

Can you help me too with the long dropdown problem? The category is "brands." My website is www.shopfivenine.com. I have tried many of the solutions in this thread to fix it myself but nothing worked.

Jasoliya
Shopify Expert
4534 586 1148

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

.Header__MainNav  ul > .HorizontalList__Item:nth-child(2)  .DropdownMenu{    max-width: 400px;}
 .Header__MainNav ul > .HorizontalList__Item:nth-child(2) .Linklist {    column-count: 2;}

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
lasertron
Tourist
3 0 1

omg that worked. thank you SO MUCH!!!

VernonSullivan
New Member
2 0 0

Hello Jasoliya, 

 

I'm looking to add multi column in Crave theme but can't find the solution anywhere. Do you know how can I do ? That's my website www.aromesetfruits.fr  and my password : woflea

Lola1234
New Member
3 0 0

Hey Jasoliya, I hope you have a nice day!

Could you help me with the division into two columns and with the addition of dividing line please? Here is my website https://satoryactivewear.myshopify.com

 

Lola1234_1-1647562955094.png

 

Jasoliya
Shopify Expert
4534 586 1148

@VernonSullivan 

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

.header__inline-menu ul.list-menu--inline > li:nth-child(3) #HeaderMenu-MenuList-3 { width: auto; column-count: 2; }

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Jasoliya
Shopify Expert
4534 586 1148

@Lola1234  send me password 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
VernonSullivan
New Member
2 0 0

Great ! It works perfectly ! Thanks a lot.

Lola1234
New Member
3 0 0

Hey Jasoliya, I hope you had a good weekend! Sure, my password: Vasilina1991

Lola1234
New Member
3 0 0

Hey Jasoliya, think I gave you the wrong password? try this one please: tauglu

b0sw0rth
Tourist
3 0 1

Hi Jasoliya, I'm sorry if this isn't the right place to ask, but I have a similar issue to the many others who have commented. My site is Bannershallmark.com, I'm just looking to create columns for the brands and categories menus on the top bar. Do you know how I can do this? I'm using the expanse theme.