Change Color of Font in Main Menu Header

Store Design
, , , ,

Topic summary

A user seeks to change the font color of a specific menu item (“SALE”) in their Shopify store header to red.

Solution Provided:

  • Custom CSS code was shared to target the specific menu link and apply red color styling
  • The code uses the selector a[href="/pages/giftables-collection"] with color: red !important;
  • Code was refined to avoid affecting the announcement banner text that also contains “sale”

Current Status:

  • The color change solution successfully implemented
  • User now requesting additional help with adjusting font size in the header menu to reduce clutter
  • Discussion remains open with the new font sizing question unanswered
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
5

Thanks for this! Is there any way to change the font color of sale without affecting the color of the announcement banner txt with sale on it too? Thanks.