Multi-column drop down menu in Debut theme

Store Design
41

Salut Minimal, Désolée mais je ne peux pas t’aider. Par contre tu as réussi à avoir des menus déroulants qui fonctionnent chez toi. Je n’y arrive même pas. Peux tu m’aider ? Un grand merci d’avance. DAMV shop

42

Hi @Jasoliya It worked for me! Thank you so much!

@DAMV apologies I tried translating your post but It seems that google translate missed something crucial on your post. Will you please elaborate your concern.

43

Peux tu répondre à ma question ? Merci

44

Je n’arrive pas à faire des menus déroulants. Tu es arrivé à le faire. Peux-tu m’aider ? Merci.

45

Hi @DAMV maybe this can help you https://help.shopify.com/en/manual/sell-online/online-store/menus-and-links/drop-down-menus

46

Non cela ne m’aide pas. J’ai lu et relu, j’ai regardé la vidéo mais aucune explication concrète.

47

Hi

I have similar issue. My site name is: oztechbuddy.com.au
could you plese have a look and help please?

Regards,

Roni

48

In which menu you want to make 2 column ? you have all short menu

49

Sorry, I was playing with the menus. I have put back the long menu again.
Please test.
Its the left-most menu: Apple > Cases >

50
  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss->paste bellow code in bottom of file
#SiteNav .site-nav__item:nth-child(1)  .site-nav__dropdown-container:nth-child(1) .meganav__list{column-count: 2;}
#SiteNav .site-nav__item:nth-child(1)  .site-nav__dropdown-container:nth-child(1) .site-nav__dropdown{width:auto;}
1 Like
51

Hi Jasoliya

Thanks for your magic Now I have the multi-colmun :slight_smile:
Kind regards,

Roni

52

Hi Jasoliya

My first long menu converted into a multi-colmon dropdown menu. But other long menus still long.

Shouldn’t that code going to convert all long menus of the whole site?

Apple > Case. This is working fine.

Apple > W&F Case. Its still a long menu

Any idea why its happening?

Kind regards,

Roni

53

If you add code for conman then it will convert all menu to 2 column even 3 link in menu. for that we have to add one by one css for all long menu

1 Like
54

You saved me once again. Thanks for explaining. I converted all of my long menus into 2-colmun menus.

55

Hi there!

Was wondering if you would be able to help me make my drop down menus 2 columns in the Blockshop theme?

56

Send your store url

57

https://therockinghorsekingston.ca/

Thanks!

58

Add this css in asset->theme.sss file at bottom, and like if work

   .x-menu--level-1--container li:nth-child(5) .x-menu--level-2--list,.x-menu--level-1--container li:nth-child(6) .x-menu--level-2--list{column-count: 2;}
1 Like
59

Hello Jasoliya

can you please help. I need 2 column for dropdown menu. The website is https://www.kisnagems.co.uk and its for the last menu heading “more gemstone jewelry”

thanks

60

add this css in theme.scss file at bottom and like if work:

.site-navigation .navmenu-depth-2 .navmenu-link{padding: 0.4375rem 0rem 0.4375rem 0.5625rem;}
.site-navigation li:last-child .navmenu-submenu{column-count: 2;}