Text barely fits on iphone 10 screen

Danimeeka
Active member
Topic Author
Member

5 years 5 months ago #47601 by Danimeeka

Text barely fits on iphone 10 screen was created 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 to join the conversation.

milos
Support Staff
Moderator

5 years 5 months ago - 5 years 5 months ago #47603 by milos

Replied by milos on topic Text barely fits on iphone 10 screen

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:

Code:

@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: 5 years 5 months ago by milos.

Please Log in to join the conversation.

Time to create page: 0.129 seconds