"Text display on mobile" (#1384227) / CodexThemes

Comments

Camille Damer started the conversation
November 28, 2017 at 12:29pm
Hi, I have formatted the side I want my font headers under Theme Options. The display mostly fine on the website when you look at them on the computer screen. But when you look at the website on your mobile, H3 is way bigger than H2 and it looks ridiculous. I want it to look like it does on the computer screen but cannot get it to work no matter what I do. They are both the same font style, H2 has been made to be bigger under Theme Options, but both are completely different between mobile and computer. Please help.

7,092

Oliver replied

November 28, 2017 at 12:37pm

HI!

here is an example of CSS for controlling font size for mobile:

@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

Camille Damer replied
November 28, 2017 at 1:04pm
This is inappropriate to say, but I love you! That worked and you have no idea what time you just saved me, and what time I just wasted. Thanks so much!
7,092
Oliver replied
November 28, 2017 at 1:09pm
Feel free to contact us if you need help.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver