I need to add other layers to my navigation menu

[JeanneM13]

Hey,

I need to add some more layers to my Navigation Menu. I've looked at a few apps, but what would you suggest?

For example: 

I need "Rings" to go under "Tree of Life Collection."

Please don't contact me anywhere but here. I won't answer.

No, I don't want to hire you. I just want a little advice.

Thanks,

Jeanne Melanson

CosmicSerenityShop.com

[Benjamen]

Hello Jeanne,

Multi-tiered mega menus are exactly why we created Meteor Mega Menu. In addition to image/logo support, we also built a template to include images on a mobile menu.
You can see it in action, here: https://meteor-outdoor.myshopify.com/
I hope this helps. 

[JeanneM13]

Thank you, Benjamen.  Is there a way to create a bigger space between the first and the second line of Collections in the menu?

Jeanne Melanson

CosmicSerenityShop.com

[Benjamen]

Hello Jeanne,
Your menu is looking really great! 
After checking with our incomparable support team, you can use this CSS rule:

#meteor-desktop-nav {
row-gap: 10px;
}
This allows you to adjust the pixel value as needed to increase/decrease the spacing. If that is too in the weeds, we've love to assist you more, just reach out to: [email protected]
Great work so far!

[JeanneM13]

Email sent.

Thanks!

[JeanneM13]

Benjamin,

Can you tell me where to put that code? I have to fix it soon. It's not working as it is.

[Benjamen]

Hello Jeanne,
We just double checked, and it doesn't look like support received an email from you. The code snippet goes in your theme settings under "custom CSS" (you'll have to scroll all the way to the bottom 😊).
Just copy and paste in: 

#meteor-desktop-nav {
row-gap: 10px;
}

I hope this helps. Again, if you need further assistance, please don't hesitate to reach out to [email protected]