Debut Theme - how to change single menu item to a different colour

Seen a few similar questions but non of the answers work for me.

Need to change the word SAVER BUNDLES on my main menu to a different colour. The button links to a page, not a collection.

The codes i’ve found so far said to be pasted at the bottom assets/theme.css file.

The code is below, but it didn’t work for me (changed the collections/rugs bit to pages/saver-bundles to but still no luck.

Any help would be appreciated.

/* change rug-medium menu item to red */
.Header__MainNav a[href="/collections/rugs/medium"] {
    color: red;
}

Hi @ThePartyFactory
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

Hi, it’s https://thepartyfactory.co.uk/

Thank you

https://thepartyfactory.co.uk/pages/saver-bundles

Hello @ThePartyFactory ,

I’m so glad to support you today :grin: .

To can change SAVER BUNDLES text different color , you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store

  1. Add this code above the tag on the file Theme.liquid:

*Note: you can replace red color to another color you want.

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

That’s perfect thank you! is there a way to make it show in red on the mobile view too?

Hello @ThePartyFactory ,

Sorry for making you wait so long :grin: .

I updated my code to change the text color on all devices. Please replace the code above with my new code:


Eg:

Kind & Best regards,
GemPages Support Team.