Text barely fits on iphone 10 screen

More
10 months 2 weeks ago #47601 by Danimeeka
Hi,

My site is at melbourneot.com.au/aabusiness. The article text fits nicely on the PC and tablet screens I have tested but not on the iPhone 6 or 10. How do I correct this?

Thanks,
Julia.
Attachments:

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago - 10 months 2 weeks ago #47603 by milos
Hello,

You can use media queries in CSS to reduce font size for smaller screens. In example, to set h1 font to 24px if screen width is less than 500px use this in CSS:
@media (max-width:500px) {
  h1 {
    font-size: 24px;
  }
}

Similarly, you can change the font size for h2, h3, etc. as well as for paragraph text (p). You can also adjust screen width and use another value instead of 500px.

Best regards,
Milos
Last edit: 10 months 2 weeks ago by milos.

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.094 seconds