Trying to highlight a single word in my menu

Store Design
1

Hi there,

I have a menu with some titles of collections. One of my collections is titled “CLEARANCE” and I wanted to have the letter highlighted Red and Bolded. I have attached an image of my homepage and the word that I would like highlighted Red.

The domain is masksnz.co.nz

Any help is really appreciated :slightly_smiling_face:

Thanks

matthewmunronz_0-1648765020945.png
matthewmunronz_0-1648765020945.png1895×189 18.5 KB

Kind regards,

Matthew Munro

2

Hi @matthewmunronz

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.menu-bar__item a[href="/collections/clearance-1"] {
    font-weight: bold !important;
    color: red !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

Please add below css in bottom of assets/theme.scss.css file

ul li.menu-bar__item:nth-child(6) a {
color: red;
font-weight: 600;

}
Thank you.

1 Like
4

Worked perfect! thanks