Solved

Changing Main Menu Font

mmontella
Tourist
10 0 0

Hi all

 

I just added a nested menu ("About Us") as part of my main menu, but when I did the font for "About Us" changed. Does anyone know how to adjust the code so that "About Us" has the same font as the rest of my main menu?

 

URL is campagnacoffee.com, and I'm using Craft Theme. 

 

Thank you,

Michael 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1147 298 224

This is an accepted solution.

Hey @mmontella,

 

This should work for you 😊

 

Somehow the dropdown versions have a different font in your theme. 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
body header-menu span {
    font-family: 'raisonne-demibold' !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707062788281.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
1147 298 224

This is an accepted solution.

Hey @mmontella,

 

This should work for you 😊

 

Somehow the dropdown versions have a different font in your theme. 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
body header-menu span {
    font-family: 'raisonne-demibold' !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707062788281.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
mmontella
Tourist
10 0 0

Yes, that worked perfectly. Thank you. Appreciate the help!

mmontella
Tourist
10 0 0

Hi, 

 

I actually noticed that this solution fixed the font for viewing on a desktop but not a phone/iPhone. Any way to fix this?

 

Thank you,

Michael 

ThePrimeWeb
Shopify Partner
1147 298 224

Hey @mmontella,

 

You can replace the old code with the one below. I combined them both for you 😊

 

<style>
body header-menu span,
summary#HeaderDrawer-about-us {
    font-family: 'raisonne-demibold' !important;
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com