Jump to content

Text Spacing on Different Phones

Go to solution Solved by CassAggett,

Recommended Posts

Posted

Website: https://tetra-wisteria-snzf.squarespace.com/

Password: BangaBuilds

Hi all!

I'm currently running into a problem that may be very niche (or maybe not!). I'm hoping someone has the expertise to help me out. 

Attached are two different screenshots from two different phones. As you can see, Golden Oaks Developments is perfectly fine on my iPhone 14. But my friend who has an iPhone 13 shows the "s" in Golden Oaks Developments carrying over to the next line. How am I able to fix this so it views as it should (on my iPhone 14)? 

 

I've already implemented the following code:

//Change mobile font size//

@media screen and (max-width: 640px) {

  h1 {

    font-size: 2.1rem !important;

  }
   h2 {

    font-size: 1.56rem !important;

  }

}
 

The headings in question are Heading 1.

Thank you!

IMG_9498.PNG

IMG_9499.JPG

  • Replies 2
  • Views 362
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
Posted

@BangaBuilds Unfortunately every screen size is different, so it's likely there will be some where this happens if it's quite small. You could try reducing the font size of the larger headings slightly so it's likely to happen on fewer devices.

Instruction: How to set a site-wide password

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITEINSTAGRAM

 

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.