How can I highlight a specific navigation menu category in Dawn Theme?

[Ombline]

Hello to all the Shopify community :-),

I need help for CSS coding on Dawn Theme -> I would like to put one category of my main navigation menu in BOLD.

> The "ATELIER GRAVURE" navigation menu should appear in bold.

I tried to quibble with the code but nothing to do. I'm having trouble identifying my menu or placing my code incorrectly on my CSS stylesheet.

Here is a link to my webshop: https://www.bliche.fr

Thank you for your help

[Zworthkey · Accepted solution]

@Ombline 

ul.list-menu.list-menu--inline li:nth-last-child(3) a {
    color: black;
    font-weight: 800 !important;
}

1. Navigate to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

[Zworthkey · Accepted solution]

@Ombline 

ul.list-menu.list-menu--inline li:nth-last-child(3) a {
    color: black;
    font-weight: 800 !important;
}

1. Navigate to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

[Zworthkey]

@Ombline 
let me know if you need any more help. we are always happy to help you.

[Ombline]

"ATELIER GRAVURE" is now in bold, but I have also some categories in bold in the dawn menu...

[Zworthkey]

ul li:nth-last-child(3) span {
  font-weight: 800 !important;
}

@Ombline 
Remove previous code and add this code.

[domenic1234567]

I need a code so that this also shows on mobile

[KetanKumar · Accepted solution]

@Ombline 

yes, please remove this code 

ul.list-menu.list-menu--inline li:nth-last-child(3) a { color: black; font-weight: 800 !important; }

and add below

a[href="/collections/bijoux-graves"] span {
    font-weight: bold !important;
}

[divinecasa]

Hello Even I am also searching for the same thing. I am using dawn theme 10 and need to bold specific navigation menu in bold. Please help. 

[domenic1234567]

Hey, this worked for me, thank you! But it only shows on desktop, how can i make it appear on mobile menu too?

Thank you in advance!

[Zworthkey]

@domenic1234567 

kindly share your Store url
So that i can check and fix it.

[Zworthkey]

@domenic1234567

a[href="/collections/bijoux-graves"] {
    font-weight: bold !important;
}

use like this

[domenic1234567]

Hey, this doesn't work for me, the other one worked, but just for desktop and not mobile

[KetanKumar]

@domenic1234567 

can you please share store url