BangaBuilds Posted October 15 Posted October 15 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!
Solution CassAggett Posted October 16 Solution Posted October 16 @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. WEBSITE • INSTAGRAM
BangaBuilds Posted October 16 Author Posted October 16 That's unfortunately what I had expected. Thank you for the recommendation! Seems like the best way to mitigate @CassAggett CassAggett 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment