Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

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,120
    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!