Hello I do have installed Crave Theme. I did changed font for main header menu also it seems it is changed on mobile once you do Inspect through Firefox but once I tried real Iphon12 and another Samsung phone mobile font does not change.
Where is the problem? Tried to add an extra class for mobile menu links and add extra a style with font but it won’t work only shows on Firefox Inspection it seems like there should be a bug in shopify or something like that.
My font is simple: Impact So it should be by default everywhere.
Can someone assist me? My shop is currently Locked so no easy access…
@KetanKumar
@LitCommerce
Guys I can see you have a good reputation maybe you can help me to solve this mysterious question? 
Attaching some images to be clear with situation and problem..
@Gurus002 Go to Asset/theme.scss.liquid and pate below css at bottom of file.
.mobile-nav__link>a {
font-family: Sagrantino,serif;
font-size: 20px;
}
Note: You can change the font size and font type whatever you need in above css.
Hello thank you but you don’t read what I say i added to base.css file this mobile-nav class and added on the links but it does not work! it only appears on Inspection view but real Mobile Phone does not translate this font.
I seen this answer before please don’t pretend that you know if you dont know.
Another important thing there is no such a file in Crave Theme: theme.scss.liquid only base.css where you do changes and it does not help adding this…
Problem is:
The font still doesn’t change to Impact in mobile, it changes only in desktop.
Solution:
Different font for mobile screen.
