Mobile menus customization

[Warul Kawa]

Hi!
I need to make it so the primary and the secondary menus are displayed in two different fonts.

I tried to target one in the Mobile CSS customization with both

nav.primary

and

nav.primary li a

but it keeps showing the same font on both menus.

What's the best way to get around this / successfully target one out of multiple menus?
Thank you!

[Richard]

Dear @Warul-Kawa

Could you please post a link to your website with the menu in question 🔍

---

Best wishes 🌝

Richard

[Warul Kawa]

@Richard Hi Richard,
here's the draft :) https://vivaiocosmico.it/shelf/

[Warul Kawa]

@Richard
Also, I'm trying to change the color of each item of the primary menu, but I'm not able to make it work neither using

.menu-item-696 {
	color: blue;
}

nor through assigned class.

Any tips? Thank you :)

[Richard]

Dear @Warul-Kawa

Cool Website! 💥

You were really close 🌝its a bit of an interesting one, because it's also a Link <a> .
When including the a within your css works (links are a bit funny sometimes)

.menu-item-602 a {
    color:blue;
    font-family: "Lucida Console", "Courier New", monospace;
}

---

Let me know how you go! and best wishes 🏖

Richard

[Warul Kawa]

hi @Richard
thank you for your reply,
unfortunately it still isn't working :/

Actually, it seems to be working with the second menu, but there's no way for me to target the primary

[Richard]

Dear @Warul-Kawa

Sorry that its not working, happy to help you further - To clarify here on the mobile menu we have two different styles - Which is the primary you wish to target? ( i assume the lower portion ). The Top menu items are graphically styled you do not wish to change the font of these right?

---

Talk soon & best wishes

Richard