Changing just 'Sale' menu item colour to red

Store Design
, ,

Topic summary

  • Main issue: In the Shopify Prestige theme, the user wanted only the “Sale” menu item to display in red while working in a theme preview (theme not yet purchased).
  • Proposed fix: Add a CSS rule in theme.css targeting .header__primary-nav-item[data-title=“Sale”] to set its text color to red.
  • Outcome: The user confirmed the CSS solution worked.
  • New question: The user asked how to change the font size for just the menu items without using the global Typography settings; no answer was provided.
  • Status: The color-change request is resolved. The menu-item font-size customization remains open. No images or attachments were used; the solution hinged on a small CSS snippet.
Summarized with AI on January 8. AI used: gpt-5.
4

By the way, that worked! Thank you so much for your help

1 Like