Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #1873115
H1, H2 responsive text size
Closed

Comments

  • Ahillstead started the conversation
    January 28, 2019 at 10:39pm

    How do I make it so that H1 and H2 DON'T resize responsively? I found that they resize to be too small. The other tags, H3, H4, H5 and H6 are not responsive which is better for me. Thanks!

  •  7,280
    Oliver replied
    January 29, 2019 at 6:18am

    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;
    }
}

     

    6707465710.png

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

    Regards, Oliver

  • Ahillstead replied
    January 29, 2019 at 7:45pm

    Thanks Gregor!

  •  7,280
    Oliver replied
    January 30, 2019 at 7:48am

    Welcome!

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

    Regards, Oliver