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

Okay
  Public Ticket #990117
Headings not responsive
Closed

Comments

  •  2
    Natethenomad started the conversation
    December 15, 2016 at 11:23am

    I found out that all my headings get super small on smartphones. The text block appears to be the same size or to be responsive, but the headings change. Please have a look at the screenshot or check out my website. Where ever I used h1, h2, h3, etc. shrinks to a smaller font size than the paragraph font... What code can I add to change this? 

  •  7,280
    Oliver replied
    December 15, 2016 at 1:12pm

    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

  •  2
    Natethenomad replied
    December 15, 2016 at 11:20pm

    Awesome, thank you very much!