How can I widen the drop down menu on my website?

Store Design
, ,
1

Hi,

I would like to make the drop down menus for my site www.foodsofitaly.dk wider, so the drop down menu will display 2 or 3 rows, instead of a long list (i hope that makes sense).

I’ve tried editing the theme.scss.liquid code under “nav links” - but nothing seems to help? I’m using the Brooklyn theme.

I would love either a walkthrough of how to do it or help from someone.

Thanks!

2

Hi @simonevaleur

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.scss.css
  3. Add cod below to bottom of file
#AccessibleNav .site-nav__dropdown {
	column-count: 2;
}
3

It worked, thank you so much!