Change font of header navigation menu

[orchiworld]

DAWN THEME 

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

[BSSCommerce-HDL · Accepted solution]

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 😍

[BSSCommerce-HDL · Accepted solution]

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 😍

[orchiworld]

This is great! This worked on desktop version. 

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

[BSSCommerce-HDL · Accepted solution]

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  😍

[orchiworld]

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

[BSSCommerce-HDL]

@orchiworld, No problem. Have a good day 😍