Hi, i want to change the color of this collection name that shows in the main menu to become red as it’s a “sale” collection. Any clue how?
Can you share with me the page url?
Hello @Farahaghaffar
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.
This is Victor 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.
a[href="/collections/sales"] {
color: red !important;
}
If this code doesn’t work, please send me the page URL. I will help you check it.
Hope that my solution works for you.
Best regards,
Victor | PageFly
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
You can use CSS selectors set separately.You can share your page for me.I can give you the code directly, you copy can be achieved！
Hi @Farahaghaffar ,
Please go to Actions > Edit code > Assets > timber.scss.liquid file and paste this at the bottom of the file:
.mobile-nav>.mobile-nav__item:nth-child(2) a {
color: #ff0000 !important;
}
Hope it helps!
1 Like
Sure. Here it is: https://www.be-empire.com/
it didn’t work 
Here it is: https://www.be-empire.com/
Sure. Here you go: https://www.be-empire.com/
#NavDrawer .mobile-nav .mobile-nav__item:nth-of-type(2) a{
color:#FF0000;
}
Step1: online-store → theme → edit-code → assets → timber.scss.css
Then just put this code at the bottom.
Please go to Online store > Themes > Edit code. Find the file “timber.scss”, scroll down to the bottom and add this code:
#NavDrawer .mobile-nav .mobile-nav__item:nth-of-type(2) a{
color:red!important;
}
I hope that it will work for you.