"h1 font mobile" (#2212435) / CodexThemes

Comments

twopage started the conversation
November 12, 2019 at 3:54pm
Hi,
when I change the H1 font in theme options, it only changes my desktop version, but not my mobile version. How can I change my mobile h1 font?
thx in advance
Harry

6,933

Oliver replied

November 13, 2019 at 8:04am

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