All things Shopify and commerce
Hello there,
I already changed my prefered word in the menu desktop version to my custom color
by using the below code in base.css
[href^="/collections/sale"] span { color: red!important; }
Now i want to do the same thing in mobile version but i'm not able to do it. Can someone help ?
I am using Dawn Theme
Thanks in advance.
Solved! Go to the solution
This is an accepted solution.
.menu-drawer__menu-item[href^="/collections/sale"]{
color: red!important;
}
This is an accepted solution.
.menu-drawer__menu-item[href^="/collections/sale"]{
color: red!important;
}
Could you please be more specific ? Such as , where should i put that , and if that will work for my mobile version and it won't mess the desktop version? Thank you for your fast response!
Online Store->Theme->Edit code then search base.css
add the attached css and click save.
You can share you store url and i'll double check the css selector for you
Thank you very much that worked like a charm.
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025