How can I alter the color of a specific navigation item?

Store Design
,
1

I want to change the font color of my navigation item ‘SALE’ which points to a collection called ‘Halloween Sale’. I am using the below code but it doesn’t work:

.nav-bar__item a[href=“/collections/sale”] {
color: red;
}

Please help!

My store URL: https://armahomes.com/

Need help urgently!!

2

Hi @Sumbul

PLease add this code in

.sf-menu-item.list-none.sf-menu-item--no-mega.sf-menu-item-parent:nth-child(6) {
  color: red !important;
}
3

@Sumbul - change the above css to this and check

.sf-menu-item a[href="/collections/halloween-sale"] {color: red;}

suyash1_0-1692619329031.png
suyash1_0-1692619329031.png1366×768 170 KB

4

Hi @Sumbul

You can use this css

.sf-menu-item.list-none.sf-menu-item--no-mega.sf-menu-item-parent:nth-child(6) {
  color: red !important;
}
5

Thanks, it worked on web. Can you please suggest a solution for mobile as well?

6

@Sumbul - add this and check

.m-menu-mobile__item a[href="/collections/halloween-sale"] {color: red;}
7

It worked. Thanks a lot!

8

@Sumbul - welcome, do let me know if you need any more updates, you have my email below.