i want to turn the button SALE in the header menu into red color please.
This is my website: www.stainlessbags.com
Topic summary
A Shopify store owner wants to change the color of their “SALE” menu item to red in the Debut theme.
Initial Solution Attempt:
- PageFly-Henry provided CSS code to be added to theme.liquid file
- Solution failed because the user is on Debut theme, not Dawn theme
Working Solution:
BSS-Commerce provided updated instructions:
- Navigate to Online Store → Themes → Edit code
- Add CSS code to the end of theme.css file targeting the last menu item
- Code uses
.site-nav.list--inline.site-centered--nav li:last-childselector withbackground-color: red
Current Status:
- Solution works successfully on desktop
- Issue remains: the red color is not visible on mobile devices
- User is seeking a fix for mobile display
This is Henry 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 theme.liquid
Step 3: paste bellow code in tag → save.
[href="/collections/sale-1"] span { color: red !important; }
Hope that my solution works for you.
Best regards,
Henry | PageFly
unfortunately nothing changed when i did as you described.
it looks like you are on DAWN theme. i am on Debut theme if that makes sense!
can anyone help please ?
Hi @stainlessbags ,
Please do the following:
In Online store, select Themes → … → Edit code
In the theme.css file, add the following code at the end of the file:
.site-nav.list--inline.site-nav--centered li:last-child{
background-color: red;
}
Click Save to save changes
Hope it helps @stainlessbags
thank you for the help, it works great on desktop but not visible on mobile, any solution to that ?