Header on Mobile Phone

Wonder if anyone is going to help me on above query?

Hi there, it appears as if the Script Pro font is not loading on your site and I am not seeing it when I inspect your html and CSS. I do see it declared, but it is not loading. Did you install that font, or use an @import to get it as a web font? If you installed it on your computer, then you would see the font, but for anyone that did not have that font installed on their computer, they would not see it.

This would be the code to apply that font to the mobile title, but you need to install that font on your site.

@media screen and (max-width: 640px) {
.menu-toggle .mobile-site-title {
  font-family: !scriptina important;
}
}

Just noticed a teeny typo on this line, it should be:

font-family: scriptina !important;

Let us know how it goes.

Oh that’s embarrassing, Thanks for the catch, @zoonini. ??

How did you install the fonts? Are they web fonts, or did you use a plugin for fonts?

I created a fints directory in the theme directory and then copied all the fonts and then @font-face code was added to style-sheet.

You know, you might want to look at the Use Any Font plugin. In my experience it has worked well and I’ve not had any issues with delayed font loading. Might be worth a try.