Font changes

Store Design
,
1

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!

IMG_8852.PNG
IMG_8852.PNG1179×2556 173 KB

2

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 tag

RESULT

Moeed_0-1746771102714.png
Moeed_0-1746771102714.png371×663 27.3 KB

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

Best Regards,
Moeed

3

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 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