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.
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover 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, 2025