Font changes

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

1 Like