How do I change the color of the ,,sale,, to red on navigation?

Technical Q&A
1

Hello,

Can anyone please tell me how to change the color of sale in css to red in css?

My shop is www.thegclothing.com

Thanks

Best

Matej

2

Hello @Jana_Jurikova ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid->paste bellow code in bottom of file
#SiteNav li:nth-child(5) a {
	color: red;
}
3

Hey there, @Jana_Jurikova

Bo here from Shopify Support!

As I do not know which theme this is I would not be the best equipped to advise you on editing the code, however, there is a hack that works with a lot of themes built for Shopify that does not require editing the theme of the code itself. Instead, we are going to add some formatting to the item name, in this case, sale, right in the navigation settings.

  1. Go to Online Store > Navigation > the menu you want to edit. This will most likely be your main menu.
  2. Click “Edit” beside “SALE”.
  3. Change the name of this item from “SALE” to “SALE”.
  4. Click Save.

Let me know how this goes and if there is anything else I can assist you with, I’m happy to help!

All the Best,

Bo

1 Like
4

Thanks you, works perfect!

1 Like
5

Hi, this doesn’t for me. If I copy this to the name of SALE, the “SALE” will show on navigation.

2 Likes
6

It works on the desktop version, but on the mobile version it doesn’t work…

7

It’ works for me: SALE