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
37585 3668 12153

@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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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 324

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
4902 1102 1781

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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>