Custom font showing on desktop but not mobile

Store Design
1

Hi,

I am using the exapnse theme (and pagefly app)

The custom font is working on desktop view, however, it is not showing for mobile view.

Any ideas on how to resolve?

Thanks in advance.

3 Likes
2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

https://the-winemaker-uncorked.myshopify.com/
Password: shaiba

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.slide-nav__link>span{ font-family: Helvetica!important; text-transform: uppercase;}
5

I don’t think this has worked.

We have three custom fonts

Headings (h1, h2, h3) are Kavarian

Main font is Helvetica

Some accents and subtitles are Lato

1 Like
6

Desktop and mobile screenshot attached to show difference

1 Like
7

Hi @temeika ,

I’m Richard - CRO Expert at PageFly Landing Page Builder.

Thank you for choosing us to improve your website. There are some theme conflicts on your page when you use custom font. Or the mobile browser has not supported for that font. Please check our guide about Use custom font, and please chat with us via Live chat. We are here 24/7 to help, we need more information to check it for you directly.

1 Like