Changing the color of individual Collection headers / Navigation titles (Dawn Theme)

[bellevo]

Hey, is there a way that I can change the color of individual collection headers / navigation titles in the header? I will add a picture below about the issue and desired outcome. So I would like to change the "SALE" and "Deals" Collection headers into reddish color. 

Website url: https://bellevodesign.com/

How it looks now:


The desired outcome: 

[PageFly-Amelia · Accepted solution]

Hi @bellevo 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

[href="/pages/deals"] span, [href="/collections/sale"] {color: red !important;}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[bellevo]

Hey, that worked perfectly thank you. One more question, is there a way for me to change it on mobile as well? As this only changed it on desktop, thanks in advance!