Any way to control the title font size for mobile screens? The h1 tags looks adequately sized on the desktop but on mobile there isn't much of a difference in the sizes of <p> and <h1> tags. Is there any way to control the font sizes for mobile screens? Thanks!
Any way to control the title font size for mobile screens? The h1 tags looks adequately sized on the desktop but on mobile there isn't much of a difference in the sizes of <p> and <h1> tags. Is there any way to control the font sizes for mobile screens? Thanks!
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