XF 2.1 Ability to increase font size on mobile devices?

[CZ Eddie]

The forum shows up nicely on my 6.2" Android phone.
But the font is a bit smaller than I'd like.
Is there a way to increase the font size on smaller displays or will I need to create a sub-theme specifically for mobile devices?

 

[SyTry]

Hello,

You can use some CSS in your EXTRA.less template

Regards, SyTry

 

[Chromaniac]

Scale Typography for Any Screen Size - CSS-Tricks seems to offer a few solutions. seems like something i should try on my own forum.

 

[CZ Eddie]

Thanks, guys!
The link above was very very helpful. The settings in the link didn't work well for me, but I was able to adjust so now it's working great.

So far though, I've only tested on my Google Pixel XL 3 (6.2" phone) and a 1920x1080 LCD screen.

/* Adaptive font & line spacing sizes */

body {
  /* Never get smaller than this */
  font-size: 14px;
}

@media (min-width:300px) {
  body {
    font-size: 24px;
  }
}

@media (min-width:800px) {
  body {
    font-size: 20px;
  }
}

@media (min-width:1000px) {
  body {
    /* Never get larger than this */
    font-size: 16px;
  }
}

 

[CZ Eddie]

Btw, I was not able to tweak the more advanced CSS on that page to my liking.
Or at least, I gave up after getting frustrated. The font size would be small on the phone and end up huge on regular screens.
But so far, so good with the basic settings option.