Solved

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

Ombline
Visitor
2 0 2

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

Accepted Solutions (2)

Zworthkey
Shopify Partner
5581 642 1574

This is an 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.

View solution in original post

KetanKumar
Shopify Partner
36904 3641 11986

This is an 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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)

Zworthkey
Shopify Partner
5581 642 1574

This is an 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
Shopify Partner
5581 642 1574

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

Ombline
Visitor
2 0 2

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

Capture d’écran 2022-01-22 à 09.06.39.png

Zworthkey
Shopify Partner
5581 642 1574
ul li:nth-last-child(3) span {
  font-weight: 800 !important;
}

@Ombline 
Remove previous code and add this code.

domenic1234567
Tourist
7 0 1

I need a code so that this also shows on mobile

 

KetanKumar
Shopify Partner
36904 3641 11986

This is an 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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
divinecasa
Visitor
1 0 0

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
Tourist
7 0 1

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
Shopify Partner
5581 642 1574

@domenic1234567 

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

Zworthkey
Shopify Partner
5581 642 1574

@domenic1234567

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

use like this

domenic1234567
Tourist
7 0 1

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

 

KetanKumar
Shopify Partner
36904 3641 11986

@domenic1234567 

can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing