"Font size on mobile devices" (#1027195) / CodexThemes

Comments

2
langpj started the conversation
January 19, 2017 at 1:57am
Hi,
Can I control the size that fonts appear on mobile devices? On the single page at the Related URL I have given, when the page appears on a mobile phone, the H2 header font at the top of the page appears smaller than the body font.
Can I specify what size the font should appear on mobiles?

Thanks.

7,242

Oliver replied

January 19, 2017 at 11:57am

HI!

You can control your headings for responsive with next css:

@media (max-width: 1000px) {
h1, .title-h1 {
    line-height: 30px !important;
    font-size: 30px !important;
}
h2, .title-h2 {
    line-height: 30px !important;
    font-size: 30px !important;
}
}
@media (max-width: 768px) {
h1, .title-h1 {
    line-height: 30px !important;
    font-size: 30px !important;
}
h2, .title-h2 {
    line-height: 30px !important;
    font-size: 30px !important;
}
}
@media (max-width: 500px) {
h1, .title-h1 {
    line-height: 30px !important;
    font-size: 30px !important;
}
h2, .title-h2 {
    line-height: 30px !important;
    font-size: 30px !important;
}
}

Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver