Change Font To Bold For Specific Menu Item Only (Dawn Theme)

[Staine]

My website is: https://staine.us/

I want the "Commissions" title to be bold in the menu navigation at the top. How do I do that? 

[KetanKumar]

@Staine 

yes you have easy to manage code add this code

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

a[href="/pages/contact"] {
    font-weight: bold;
}

[ExpertRookie]

Hi @Staine 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.header__inline-menu .list-menu > li:last-child {
  font-weight: bold;
}

[PageFly-Richard]

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets -> base.css

.header__inline-menu ul li:nth-child(4) {

      font-weight: bold;

}

Hope you find my answer helpful!

Regards,

Richard-pagefly

[ashpreetkohli]

I have come up with a solution for the newest Dawn theme. 

Just paste the below code just above the </body>
on the theme.liquid file 

<style>
.header__menu-item{
font-size: 16px !important;
font-weight: bold;
}

@media (max-width: 749px){
.menu-drawer__menu-item{
font-size: 16px !important;
font-weight: bold;
}
}
</style>