Change font of header navigation menu

Store Design
1

DAWN THEME

change font.png
change font.png1201×422 81.8 KB

Any one knows how to change the font of the header menu?
Please see the photo for reference

2

Hi @orchiworld ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.header__menu-item span {
    font-size: 20px;
    font-family: "Mulish", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
}

Hope this can help you :heart_eyes:

1 Like
3

This is great! This worked on desktop version.

However, how do I update it on mobile as well?

1 Like
4

Hi @orchiworld ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.menu-drawer__menu-item {
    font-size: 22px;
    font-family: "Mulish", sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
5

Both solutions worked perfectly. Appreciate your prompt attention to this. Thank you!

1 Like
6

@orchiworld , No problem. Have a good day :heart_eyes: