How can I change Menu color that goes to outbound link?

[Mobicontent]

We are running the website called cokodive.com
on the very right of the menu, we have a new website club > cokodive.club

We want to make menu color of club

Red, can anybody help?

It works for collection to make red but not the outside link, thank you!

[Dan-From-Ryviu]

Hi @Mobicontent

You can do that by adding this CSS code at the bottom of your styles.css file

li[data-meganav-mobile-target="club"] a,
li[data-meganav-desktop-target"] a { color: #d400ff!important; }

[David_SHT]

Hi @Mobicontent

This is David at SalesHunterThemes.

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => style.css

and add this code to bottom of the file style.css

.main-nav__wrapper .nav-desktop .nav-desktop__tier-1 .nav-desktop__tier-1-item:last-child .nav-desktop__tier-1-link {
    background: blue;
    color: red;
}

[Mobicontent]

I added exact code to styles.css.liquid since I don’t have styles.css but it doesn’t show it as yours, could you help?

[Dan-From-Ryviu]

Oh, my mistake, please update code like this

li[data-meganav-mobile-target="club"] a,
li[data-meganav-desktop-target="club"] a { color: #d400ff!important; }

[Mobicontent]

Thank you it works perfectly, could you give me a last help? I just changed the name from club to > C L U B

Can you give me the code with the changed name? Thank you!

[Dan-From-Ryviu]

Hi, please update code like this

li[data-meganav-mobile-target="c-l-u-b"] a,
li[data-meganav-desktop-target="c-l-u-b"] a { color: #d400ff!important; }

[Mobicontent]

Thank you sooo much!

[Dan-From-Ryviu]

Happy I could help!

[Mobicontent]

I am really sorry but do you know why this is showing at the very bottom of our website after applying club as purple color?