Menu item for "SALE" collection to display in BOLD and RED colour

Store Design
1

We are currently using theme blockshop for our store, https://www.lashenvypro.com/

I am trying to change the colour of our SALE collection on the top menu to show in red and bold.

Can anyone please provide some assistance.

@KetanKumar would LOVE your help!

Thank you in advance.

2

Hey @Lashenvypro

  1. Go to your store Assets > theme–critical.css or theme–critical.css.liquid and paste the lines at the bottom of the file
li.x-menu--level-1--link:last-child a span {
    color: red;
    font-weight: bold;
}

Savior_0-1649834490135.png
Savior_0-1649834490135.png1902Ă—615 64.7 KB

3

@Lashenvypro

li.x-menu--level-1--link:last-child a span {
    color: red !important;
    font-weight: bold !Important;
}

Add this code in the bottom of the theme-critical.css file.

4

Hi @Lashenvypro ,

you can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /theme-critical.css paste code below into end of the file.
.x-menu li.x-menu--level-1--link[data-link-id="sale"] a span {
    color: red !important;
    font-weight: bold !important;
}

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

Best regards.

5

Thank you so much for an extremely quick reply and solution!!!

6

sorry this actually only works for the desktop site :disappointed_face:

is there a solution for both desktop and mobile menu?

thank you!

7

@Lashenvypro

.y-menu--level-1--link:last-child a {
    color: red !important;
font-weight:bold !important;
}

Add this code in the bottom of the theme–async.css file

8

@Lashenvypro
Kindly like our Solution if helpful,
Let me, know if you need any more help,

Thank you.

9

Thank you so much! This worked :slightly_smiling_face: