Font changes

[manter]

Hello!

Our page is www.holycup.lt

How it would be possible to change the font of navigation on mobile? The font on desktop and mobile differs at the moment and we want to have them unified.

Thanks!

[Moeed · Accepted solution]

Hey @manter 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.panel-menu ul li a {
    font-family: 'DM Sans', sans-serif !important;
}
</style>

RESULT

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[rajweb]

Hey @manter ,

Add Custom CSS,

Follow these steps:

1. Online Store

2. Themes

3. Edit Code

4. Find theme.liquid file
5.  Add the following code in the bottom of the file above </body> tag

/* Unify mobile menu font with desktop */
.mobile-nav a,
.mobile-nav span {
  font-family: 'YourDesktopFontName', sans-serif !important;
  font-size: 16px !important; /* match this to your desktop if needed */
  font-weight: normal !important; /* or bold if desktop uses that */
}

Replace 'YourDesktopFontName' with the font used on desktop (check in your desktop CSS which font is being used for navigation).

Best,

Rajat

Shopify Expert