site title font not displaying in mobile (not custom font)

Site URL: https://www.estebanroa.com/

Hi all,

My site title font doesn't load properly on mobile. I've seen a similar question asked multiple times but only regarding custom fonts. My issue is with a font that's already loaded in squarespace. It's only custom in the sense that I've assigned a font to the site title that's different from the selected heading and paragraph fonts.

The site is https://www.estebanroa.com/ and the font I assigned to the site title is "adore-you". It defaults to the heading font "Alice" on mobile. 

Any suggestions?

Thanks!

13 minutes ago, RikkiG said:

Site URL: https://www.estebanroa.com/

Hi all,

My site title font doesn't load properly on mobile. I've seen a similar question asked multiple times but only regarding custom fonts. My issue is with a font that's already loaded in squarespace. It's only custom in the sense that I've assigned a font to the site title that's different from the selected heading and paragraph fonts.

The site is https://www.estebanroa.com/ and the font I assigned to the site title is "adore-you". It defaults to the heading font "Alice" on mobile. 

Any suggestions?

Thanks!

I 've that there is one custom Css with the breakpoint 575px

Kindly check your custom and change this to your desired font

Or just add the following one to Home > Design > Custom Css to overwrite it

@media screen and (max-width: 575px) {
  .header-title-text {
    font-family: adore-you
  }
}

Hope it makes sense

Support me by pressing 👍 if this useful for you

Hi @bangank36

That's odd because besides one thing to change summary block font, there was no other custom code. But either way, adding just the following code worked.

.header-title-text {
    font-family: adore-you
  }

Thank you!