Add columns to Nav

Solved
Edan
Tourist
6 0 4

Hi there,

 

I'm looking to add columns after about 8 items are displayed in the menu drop-down.

As you can see from below, the list of items is just too long in one column.

 

I'm using the Supply theme, prefer to avoid plugin installations if possible.

 

Cheers!

Screen Shot 2021-04-22 at 11.44.14.png

KetanKumar
Shopify Partner
16851 1840 6301

@Edan 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Sharad_Davra
Shopify Partner
1057 140 468

This is an accepted solution.

Hey @Edan 
- add below code at the bottom of the file theme.scss.liquid file in your store.

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

File path: online store > themes > live theme > edit code > assets > theme.scss.liquid

If helpful, Please Like and accept The Solution.
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.
Edan
Tourist
6 0 4

That worked! Thank you