Jump to content

Site Widths Not Consistent Across iPad, Desktop, and iPhone

By AndyKhouri, in Customize with code

Go to solution Solved by paul2009,

Recommended Posts

AndyKhouri Level 4

AndyKhouri

Posted
Posted

Site URL: http://andykhouri.com

I fear this may be a stupid question but I haven't found it anywhere else yet, so I'm taking the plunge. 

Screenshot 1: My site in Desktop.

Screenshot 2: My site in Tablet.

Screenshot 3: My site in iPhone.

Desktop and iPhone look perfect, but the Tablet view is messed up. I used a custom code to disable the mobile navigation, but the text and portfolio widths are full bleed, rather than conforming to the dimensions seen in Desktop and iPhone (the width of the header, basically). This problem is consistent across every page on the site seen on Tablet; everything pushes right up against the edge of the screen. 

I think the simplest solution would be to disable mobile view on the tablet completely, but I don't know if there's a code for that. Perhaps there's a code to force the tablet view to keep all content within the width of the header?

andykhouri.com; site is live and should be visible to everyone. 

Thanks for any help!

Screen Shot 2022-10-15 at 12.48.33 PM.png

IMG_2127.jpeg

Screen Shot 2022-10-15 at 12.56.44 PM.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

paul2009
paul2009

This is a known issue with the new "Fluid Engine" layout tool. There are, as you will have seen, two distinct and separate layouts for mobile and desktop but there isn't a tablet specific layout yet s

AndyKhouri
AndyKhouri

Site URL: http://andykhouri.com I fear this may be a stupid question but I haven't found it anywhere else yet, so I'm taking the plunge.  Screenshot 1: My site in Desktop. Screenshot 2: My

Posted Images

  • Solution
paul2009 Level 17

paul2009

Posted
  • Solution
Posted
6 minutes ago, AndyKhouri said:

Desktop and iPhone look perfect, but the Tablet view is messed up.

This is a known issue with the new "Fluid Engine" layout tool. There are, as you will have seen, two distinct and separate layouts for mobile and desktop but there isn't a tablet specific layout yet so avoiding layout issues on tablet and smaller-sized screens can be difficult unless you lay the page out specifically to avoid this issue. Of course this isn't always possible. 

Squarespace employees don't routinely monitor this forum for feedback (see the guidelines - item 6) so to pass this feedback to Squarespace, please open a support ticket with Squarespace Customer Care.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources