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 #1289086
Title size on mobile
Closed

Comments

  • Eeckho started the conversation
    August 31, 2017 at 9:29am

    I have a strange bug with the font size on my theme. For some reason the font size of the titles on mobile are not proportional (H3 is bigger than H1) while it work correclty on desktop. Is there an option to change mobile font size in the theme options?


    thanks

  •  7,124
    Oliver replied
    August 31, 2017 at 10:07am

    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

  • Eeckho replied
    August 31, 2017 at 11:57am

    Thanks, it works well!

  •  7,124
    Oliver replied
    August 31, 2017 at 12:28pm

    Feel free to contact us if you need help.

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

    Regards, Oliver