How to Change The Color Of A Single Main Menu Item i.e Sale

[lesriches]

Hi,

I am trying to change the color of a single main menu item, i.e., Sale to red

i have used following code in theme.css

Theme : Warehouse

#HeaderMenu-Sale > span {
color: #ff9900 !important;
}
a.header__menu-item.header__menu-item–top.list-menu__item.focus-inset[href=“/collections/Sale”] > span.label {
color: orange !important;
}
a[href=“https://lesriches.co.uk/collections/sale”] {
color: red;
}

[BSS-TekLabs]

Hello @lesriches
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[BSS-TekLabs]

• Here is the solution for you @lesriches
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

.nav-bar__linklist .nav-bar__item:nth-child(9) {
 color: red !important;
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[lesriches]

https://lesriches.co.uk/
Password : admin@les

[niraj_patel]

Hello @lesriches

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

ul.list--unstyled li.nav-bar__item:nth-child(9) a { color: red !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

I have commented the solution below. you can try it @lesriches .