Re: I need to add other layers to my navigation menu

I need to add other layers to my navigation menu

JeanneM13
Explorer
76 2 5

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: 

JeanneM13_0-1710605319907.png

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

Jeanne Melanson
Cosmic Serenity Shop
Replies 6 (6)

Benjamen
Shopify Partner
101 7 13

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. 

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)
JeanneM13
Explorer
76 2 5

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

 

JeanneM13_0-1710794203001.png

 

Jeanne Melanson

CosmicSerenityShop.com

Jeanne Melanson
Cosmic Serenity Shop
Benjamen
Shopify Partner
101 7 13

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!

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)
JeanneM13
Explorer
76 2 5

 

 

Email sent.

 

Thanks!

Jeanne Melanson
Cosmic Serenity Shop
JeanneM13
Explorer
76 2 5

Benjamin,

 

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

Jeanne Melanson
Cosmic Serenity Shop
Benjamen
Shopify Partner
101 7 13

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;
}

Benjamen_0-1711034606970.jpeg

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

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)