Mobile Navbar Font Family

Support
#1

Hello Themeco Support,

I am trying to change the font family for the mobile navbar. Currently it is set to a google font, “Give You Glory”, and I would like to change it to “Playlist Script”. I am already using Playlist Script on the desktop navbar. Here is the css I am trying to use for the mobile navbar:

.x-navbar .mobile .x-nav li a {
font-family: "Playlist Script";
font-weight: normal;
font-style: normal;
}

However, this does not seem to work when viewing it on a mobile device. Strangely, it does work when you view it in cornerstone using the mobile viewer option.

#2

Hi @Bryant,

Thanks for writing in.

I have checked your setup and it is showing the font family for your mobile menu.

Please confirm if you have fixed it already.

Thanks.

#3

Hello Nico,

Thanks for checking that. The issue is that when I view it on my iphone the font has not updated. I tried clearing the cache, cookies, etc. and using 2 browsers (chrome & safari) and it is still the old font. I just found it odd. Could it be my phone, or something with the code?

#4

Hi @Bryant,

I checked it in other browser it is working well however in my phone it is showing differently. I believe that this changes is not showing in your mobile phone because the font that you want to use is not a Web Safe Fonts.

https://www.w3schools.com/cssref/css_websafe_fonts.asp

Hope it helps.

Thanks.

#5

Hi Nico,

That makes sense, thank you! I will look for some alternative Web Safe Fonts.

Thanks!