Jump to content

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

Recommended Posts

Hi! Needing some urgent help for a site I’ve just completed. The site looks great on desktop and mobile but the client has just showed me how it looks on an ipad, but as you can’t edit for ipad specifically anymore I have no idea how to resolve. Any help is appreciated! 
 

See attached video for reference 
 

url: www.anabezi.com

34881A3E-8A49-4CDC-AE78-73646652D8AA.thumb.png.151ca39c3d8254d2ce9e013f1f7b81d3.png

34881A3E-8A49-4CDC-AE78-73646652D8AA.thumb.png.151ca39c3d8254d2ce9e013f1f7b81d3.png

F727E20F-686A-4293-BE92-320C93730E35.thumb.png.ec1d2b4b56c18cb30065d1232b5fa9bd.png

F727E20F-686A-4293-BE92-320C93730E35.thumb.png.ec1d2b4b56c18cb30065d1232b5fa9bd.png

815298CC-0E10-4982-8092-4C4C81F50C48.png

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment
  • 1 month later...

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.