The CSS class for Debut theme's navigation seems to be .site-nav, so paste the following code at the bottom of your theme.css.liquid under the Assets folder:
/* change a sale collection link to red */
.site-nav a[href="/collections/sale"]
{ color: red; }
Change "sale" to whatever you've named your sale collection. If it's "Sale Items" your code would look like: .site-nav a[href="/collections/sale-items"]
You can change the word "red" to any color hex code. If you want a maroon color, your code would look like this: { color: #800000; }
If you would like to bold your text, add this to your code: font-weight: 700;
So your code would ultimately look like this:
/* change a sale collection link to red */
.site-nav a[href="/collections/sale"]
{ color: #d9aaa7;
font-weight: 700;}
(I wanted my "Sale" tab to be my branded pink color and bolded so this is the exact code I used. I also used all uppercase letters in my Navigation Menu editor. Check it out on my site: https://pinealvisionjewelry.com/)
I would love to know how to add a different color on hover for just the sale tab. If anyone knows what I need to add to this to achieve that I would be grateful.
Play around with this code on a copy of your theme so you can make sure it works before you apply it to your live theme.
