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

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

Staine
Visitor
1 0 1

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? 

Replies 4 (4)

KetanKumar
Shopify Partner
36929 3642 11996

@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;
}

 

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

ExpertRookie
Shopify Partner
1518 249 316

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;
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

PageFly-Richard
Shopify Partner
4400 1006 1657

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ashpreetkohli
Excursionist
13 0 4

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>