Drop Down menu change color for single menu item

[Karlis]

Hi,

I'm using Dawn theme and would like for Sale collection in the menu to be in red, how can I go about do it? I've added screenshot below to specify which link I'm referring to.

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Karlis]

Hi,

The url of the store

Thank you!

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

.list-unstyled a[href="/collections/sale-1"] {
color: red!important;
}
.list-unstyled a[href="/collections/sale"] {
color: red!important;
}

[Karlis]

Thank you! 

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

[Karlis]

Hi again,

I translated my shop, but for some reason the On Sale coloring is not transferring across languages? For example, Izpārdošana here is Latvian for On Sale that should be red. Maybe you have an advice for me? Thank you!

[lorethespore]

Hi,
I'm trying to use the code you provided directly in the base.ccs but it still doesn't work. I also tried other solutions on the dawn theme but nothing. What could it be? Let me know if we can try to find a solution, thanks

[sahilsharma9515]

Hi @Karlis 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,

Sahil

[DavidEKim]

@Karlis 

Hi,

Please follow the steps below to make the "Sale" menu item in red.

1. Go to online store > ... (next to customize) > Edit code 

2. In code editor, please go to Snippets > open "header-dropdown-menu.liquid" file

3. Please find the code below in line 45 & line 53

{{ childlink.title | escape }}

4. Replace the code with this code.

{{ childlink.title | replace:'Sale','<span style="color:red;">Sale</span>' }}

5. Save the file.

It should be in red now.

Before

After

Actual look

I hope it helps.

[Karlis]

Hi,

Thank you. I tried but it didn't work. Initially I thought that it is because I changed it to On Sale, both in menu and in code, but then I switched back to Sale in both places, but still didn't work. Am I doing it correctly? 

[Made4uo-Ribe]

Hi @Karlis 

Would you mind to share your Store URL website? with password if its unpublish. You can also PM us if you dont like to share your store URL. Thanks!