How to change the color of sales to red on the menu bar.
Topic summary
A user needed to change the color of the “sale” menu item to red in their Shopify store header.
Solution Provided:
- Navigate to Online Store → Themes → Customize
- Access the Header section
- Add custom CSS code targeting the sale menu item:
#HeaderMenu-sale {
color: #ff0000 !important;
}
Outcome:
The solution was confirmed working by the original poster. The CSS targets the specific menu element ID and applies red color (#ff0000) with !important to override existing styles. Screenshots were provided showing the implementation steps and expected result.
@Harshal54 Please follow below steps to change the color of sale menu item. Let me know whether it is helpful for you.
- From admin go to “Online Store” → “Themes”.
- Click “Customize” button from the current theme.
- Click “Header” and paste the below code in the “Custom CSS” field and save changes.
#HeaderMenu-sale {
color: #ff0000 !important ;
}
Result will be like,
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.
1 Like
Thank you