"Heading 1, 2 on Mobile" (#1043908) / CodexThemes

Comments

2
SeanToro started the conversation
January 31, 2017 at 11:11pm
See attachment. Why does h1 and h2 on smaller, mobile devices go so small, but h3 - h6 don't seem to change. How would I set h1 and h2 to scale like h3 - h6?

7,120

Oliver replied

February 1, 2017 at 1:35pm

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