Jump to content

Mobile font scaling is awkward

Recommended Posts

Site URL: https://www.lesliefang.com/pawalong

Hiiii,

The new font scaling is not working well for me in mobile view. If I leave it on regular view it's oversized and if I scale it to fit, it throws the alignment all off. Is there a way to to make them all match the same font size? 

 

When not the font is not scale the font (as attached below) looks so awkward.

82462862_ScreenShot2022-09-28at3_57_10PM.png.cfb5f9410e4590a5b4cd204d9fe9838d.png

 

If I scaled the font its look to0 small and out of sync with the rest of the title blocks i have. 

 

171190250_ScreenShot2022-09-28at3_58_36PM.png.f8eed364ecbe501d984a8ed259993fa6.png

 

 

 

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi @lfang2, I generally wouldn't recommend converting your text to an image, it's not great for readability or for SEO. The "scale to fit" feature for text is great for making small pieces of text fit an area, but doesn't tend to be a great solution for longer strings of text since it gets scaled rather small on mobile. What look were you trying to achieve that a standard H4 font didn't achieve?

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment
1 hour ago, lfang2 said:

The main reason, I want the text to the same size so it looks the same all across my portfolio. 

This should be achievable with the headings. If it isn't can you show me the problem in detail so that I can help you come to a solution that you're happy with?

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

@Ziggy Yes please that would be so awesome if you can. The new fluid design has me confused and having to rearrange a whole bunch of things as i edit my porfolio. I'm not sure what you mean with heading? The text I use which is oswald is under the heading when I click on it to edit? If I'm understaind you correctly?

image.png.e2444b00020254cf278fa3334d1c0ad7.png

Link to comment

For this example: Leave it as a Heading 4 and edit the mobile view, it looks like all you need to do is move the image down one row and they won't overlap.

82462862_ScreenShot2022-09-28at3_57_10PM.png.cfb5f9410e4590a5b4cd204d9fe9838d.png

Editing the mobile version won't have an impact on the desktop version.

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

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.