[Chris ATX]

Hi team,

I have Efor installed on my site. I’ve just launched my blog. (Link in private content)

All looks great on desktop, but on tablet and phone, the font size is too small. I changed it all the way up to 16 px but no changes were shown on tablet or phone.

I’m not all an expert in CSS for different viewports, so some help is welcome.

In fact it would be useful if we could manually define the font sizes for body, h1-h6 for each viewport, or set the outer ranges (h2 and h6).

[ahmetsali]

Hi, you can use this custom css code;

/* tablet */
@media screen and (max-width: 991px) {
    html { font-size: 16px; }
}
/* mobile */
@media screen and (max-width: 440px) {
    html { font-size: 15px; }
}

Have a nice day!

[Chris ATX]

Would it be possible to allow these changes to work in the theme editor itself in a next updated? I’d rather not hack too much in CSS ;-).

Thanks so much.

[ahmetsali]

Hi again, we will consider it, thanks for the feedback!