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

Store Design
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?

1 Like
2

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

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

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

5

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

Just paste the below code just above the
on the theme.liquid file

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