H1 Font Sizes in EM

[themisfit]

I am using a Fontdeck font for my H1 tags. But I am using a large font size and I want it to scale on mobile devices. I’m wondering how I can change from pixels to ems and still use font deck.

I’m a fontdeck newby.

Thanks

[Cosmin – SUPPORT]

Hi,

I’d suggest adding custom CSS in the theme options instead, for mobile only.

Example for phones:

@media screen and (max-width: 480px) {
  h1 {
    font-size: 20px !important;
  }
}

For tablets:

@media screen and (min-width: 481px) and (max-width: 768px) {
  h1 {
    font-size: 20px !important;
  }
}

You can specify your sizes in there, remember to use !important;

Regards,
————————————————————————————————————

Cosmin
Support Assistant