Is there a way to force mobile view on tablet/Ipad

Hiya, 

My website looks awful on tablet/ipad is there a way to force it to view like it does on a mobile but on the tablet/ipad?

I'm using 7.1 - https://www.jadeeleanor.com  and I thought I'd be able to do this with media break points but there doesn't seem to be an option for this?

Thank you 
 

Looking at your website the sections that struggle the most on tablet seem to be those that are narrower on desktop, i.e. the ones that leave ~4 columns blank on either side. Doing this looks good on desktop, but creates significant margins on tablet, and very squashed content. You can use CSS to create narrower sections that don't suffer from this problem, or create blank space within the blocks to simulate space on the sides (make the image block wider and then align the image left or right to leave space).

Also setting images to fill instead of fit helps the image take up a more consistent amount of space as the text gets narrower and taller on smaller screens.

Hi @Ziggy,

Yeeaahhhh, thats not what I want to do really... I just want the the mobile view to display on tablet, its there really no way of doing this?

9 minutes ago, jadeeleanor said:

 

Hi @Ziggy,

Yeeaahhhh, thats not what I want to do really... I just want the the mobile view to display on tablet, its there really no way of doing this?

Not a problem, but no, there's not a way that I've seen or can find to change the mobile break-point. 

Really? Why would that even not be a thing? It seems that 7.1 is really bad for quite a few things.

For tablet view FE isn't much different from the classic editor. In CE you would have the same problems at ~800px VW if you added spacer blocks on either side, and CE has very limited control of the mobile view.

You could try adding this custom CSS and redesigning the section "Hi there, I'm Jade":

section[data-section-id="634c4cc902fec37a2f8cfaed"] {
  .fluid-engine {
    --sqs-site-max-width:750px;
    --sqs-site-gutter:0vw;
  }
}

@Ziggy, but you used to be able to change the mobile break point on 7.0

Thank you for the code, I'm not sure what it's meant to do though. I just want the same view on tablet as on mobile because currently the spacing and everything is out of whack on every single page.

To be honest, the mobile view on larger devices is somewhat problematic without increasing that breakpoint, so I don't think that would solve this problem.

so are we just pretending that tablet view isnt important, or that according to Squarespace, no-one uses a tablet....?

On 5/12/2023 at 8:46 PM, thawk said:

so are we just pretending that tablet view isnt important, or that according to Squarespace, no-one uses a tablet....?

Squarespace probably could launch a third layout editor for tablet, it might be useful sometimes, but it increases the work to build and maintain, plenty of people aren't happy with the mobile being different for that reason. With careful design you can create a desktop layout that doesn't break on tablet, but it can limit creativity.