Jump to content

A 7.1 website looks bad on ipad, how to fix? (URGENT)

Recommended Posts

@taylahroberts1 It's hard to give you specifics, but there are things you can do to make your design more robust. This suggestion might not work, I can see you're using different width text blocks which this will lose, but generally speaking, if you could put all of the text into a single text block, and then extend it to be the size of the yellow box and align the content to the bottom it would improve this section significantly on tablet as the text has room to grow up rather than down:

image.thumb.png.cf930458d9df6cf5f7c40295637e6987.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Similar for this section, keep the text together in one block, and have the block stretch top-to-bottom, and center align the content, again it won't stretch the image and be as tall if you give the text room to grow:

image.thumb.png.027dda4834da9eacefaf5d1d3d51581b.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

For buttons, I typically like to make them as wide as I can get away with, knowing that they will be approx half the width on tablet.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Given that, I would try this type of setup then, two blocks with bottom-aligned, and top-aligned respectively:

image.thumb.png.7b5fb2b94304bb08b138a0c6e1a1a79b.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 1 month later...

@crabcakes can you provide some details if you want help? Website URL? Specific issues?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 9 months later...

@Ziggy I'm having some similar issues. On desktop/mobile, my website looks great - but looks awful on ipad. I'd like for the ipad view to respond exactly like mobile, but it instead acts like desktop and smooshes content together and creates tiny columns of overlapping text. thoughts?

www.gtmenabler.com

Screen Shot 2024-01-01 at 7.48.41 PM.png

Screen Shot 2024-01-01 at 7.48.53 PM.png

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.