How can I format the Symmetry theme menu for specific items per row?

Hi - I’m looking for a code tweak that will allow me to break my menu into a specific number of items per row (on desktop ONLY)

For example, this is what I currently have:

And this is what I’m aiming for:

Is there a way to limit the number shown per row using CSS/something? I’ve tried multiple ways of formatting the actual navigation, but nothing works. My other items are set as:

Tops

Tops

Type of Top

etc. but for this menu item, I need it to be either:

Clothing

Clothing

Other collections here

or Clothing

Collections here

Both of these ways don’t work - would love some recommendations from anyone who has worked with this before! :slightly_smiling_face:

1 Like

@sbar

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

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

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

1 Like

Hi! Thank you so much - does this link work?

https://lounge2luxe.myshopify.com/?key=9dfea6f376eda83677a7e31dccbb9c59159e8a88b273125081f5c1fb989651f9

1 Like

Hi @sbar ,

I recommend dividing the menu into submenus the same way you display the dropdowns at Tops, Accessories, …

Because the dropdown menus all work with the same class, if you change it with css it will cause error, although it can still be changed. Ex: https://i.imgur.com/Dfbmy4j.png

If you still want, I will show you how to add CSS code.

Hope it clear to you.

@sbar

can you please add menu some this wasy