How can I change the main menu font only in Craft theme?

Store Design
1

hello, i checked all the related topic and tried different solutions and no one is working. I would like to change the font to main menu only, including dropdown. as you know the main menu font is linked to the body. I would like to use for the main menu (home, shop, about us, contact etc..) a font called Mochiy Pop P One. it’s already in shopify 'cause it’s one oth the fonts in typography. Can somebody help me? Theme is Craft. thanks!!

2

Hi Danir,

To change the font of the main menu, you’ll need to modify the theme’s CSS.

Here’s how you can do it:

  1. Access Your Shopify Admin

2. Go to Theme Editor

3. Edit Code

4. Locate the CSS File(this file is named theme.scss.liquid or something similar.)

5. Add Custom CSS(add this CSS in the bottom of file)

/* Change font of main menu */
.site-nav__link {
    font-family: 'Mochiy Pop P One', sans-serif; /* Replace 'Mochiy Pop P One' with the name of the font */
}

Save Changes

3

Hello, thanks for your help and assistance. Unfortunately, it didn’t work. Thanks again!

4

Hello again, i noticed that in your proposed solution the name of the font is green, while in my css the name of the font is in red. does it mean anything? thanks