Jump to content

Designing For Tablet View (Squarespace 7.1)

Recommended Posts

Ever since the rollout of 7.1 every single website I design looks terrible on tablets. Like not even close to responsive...it makes it sooooo hard to compete with other developers in my area using other platforms. This includes how content stacks, image sizing issues, and spacing issues. All my websites look great on desktop and mobile but break in between. Does any one know how to fix this? Primarily for today I would like to fix how images get cropped (I have attached photos as an example of what happens).

Does Squarespace have a solution for responsiveness across tablets coming? Getting ready to leave the platform soon as this is so frustrating... @Sarah_SQSP

Website: https://www.ogniocreativeco.com/

Similar issues exist on my other sites I have made for clients...

https://www.quest4change.ca/

https://www.inspiredstepsorthotics.ca/

Any help would be great at this point I guess.

Desktop.png

Phone.png

Tablet.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

This seems fixable. Why do you have the "Contact" / "Create" etc. images set to fill rather than fit? I would suggest changing that, and making sure you give the block enough room in the width, use the row count to constrain it on desktop.

What's the purpose of setting the width to 60% and having it crop even more on tablets?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

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.