Tablet view with Fluid Engine

Is there no tablet view with fluid engine? How are we supposed to design for this format? Good lord. 

Currently Fluid Engine support Desktop - Mobile view edit only.

If you need to adjust tablet, you can post problem, we can help with custom code

I just rebuilt my website it Fluid Engine to get the hang of it before implementing it on client sites. And the tablet view looks terrible. Is there an easy fix for this, or a way to have the site look like mobile but on a tablet? I'm super concerned with creating client sites that aren't truly responsive. Ugh. Thanks for your advice!

Came here to report the same as @MColeman. Between 500 and 800 pixels, there are huge gaps between elements that cannot be closed up, even after tweaking on both mobile and desktop. I've attached an example. I've tried to play with it, changing all settings and alignments. I've attached a video of this responsive issue.

9 hours ago, MColeman said:

I just rebuilt my website it Fluid Engine to get the hang of it before implementing it on client sites. And the tablet view looks terrible. Is there an easy fix for this, or a way to have the site look like mobile but on a tablet? I'm super concerned with creating client sites that aren't truly responsive. Ugh. Thanks for your advice!

You can share link to page where you have problem, we can help easier

@tuanphan I really feel like the whole site is problematic. Is there any CSS to take each page of my site and at the tablet size have it respond like mobile size? Or can you really only call out certain sections and adjust them? Thanks.

13 hours ago, MColeman said:

@tuanphan I really feel like the whole site is problematic. Is there any CSS to take each page of my site and at the tablet size have it respond like mobile size? Or can you really only call out certain sections and adjust them? Thanks.

Depend on. In some cases, it is possible to use code to adjust the whole page so that the tablet is similar to the mobile phone. Others, need to adjust each section.

Site URL: https://www.shroomtown.co/contact

I've been working on a contacts page for our website, I have come to notice an issue with the alignment on the contacts page. As you can see in the attachments the image and the map become unaligned once the screen size becomes smaller, and the smaller it gets before hitting the threshold for mobile view, the more unaligned these two elements become.

How can I fix this issue? so that everything is resized to stay aligned with one another?

Image of the site when the elements are aligned at full screen size:

Smaller dimensions:

23 hours ago, Sepehr said:

Site URL: https://www.shroomtown.co/contact

I've been working on a contacts page for our website, I have come to notice an issue with the alignment on the contacts page. As you can see in the attachments the image and the map become unaligned once the screen size becomes smaller, and the smaller it gets before hitting the threshold for mobile view, the more unaligned these two elements become.

How can I fix this issue? so that everything is resized to stay aligned with one another?

Image of the site when the elements are aligned at full screen size:

 

Smaller dimensions:

You need to recreate layout to adjust some thing

First, add text, form

Next, add 1 Line Block here

Next, add Map, Image

Next, remove Line Block

Then check again

@tuanphan

Here is a site whereby me flipping my iPhone to landscape a massive gap appears between Services and the Image: https://devkntdir.squarespace.com/?password=sneakpeek

Is that solvable with CSS?

13 hours ago, RolandFuseHub said:

@tuanphan

Here is a site whereby me flipping my iPhone to landscape a massive gap appears between Services and the Image: https://devkntdir.squarespace.com/?password=sneakpeek

Is that solvable with CSS?

It looks like you solved it?

6 hours ago, tuanphan said:

It looks like you solved it?

Not really. If you use an ACTUAL phone, not a simulator, and flip it to landscape, the spacing under Services is still there.

I have been told by Support that it a top priority and they are working on a solution. If you have one, I happily take it. 🙏🏽

Will Myers just posted a solution to the tablet spacing problem! He is offering it for free! https://www.will-myers.com/articles/fixing-the-tablet-spacing-problem-in-squarespace-fluid-engine

Yooo, everyone, please submit a ticket with Squarespace customer support requesting that their next big project be adding a tablet view to their fluid engine. LETS UNIONIZE THIS MF & GET 'ER DONE!

big hat off to Will Myers.

meanwhile, squarespace you truly suck for not supporting viewing on the inconsequential number of 1.28 billion tablets. get your act together, and add a banner to your frontpage declaring this...

Just wanted to follow up and say that Will's script saved the day. Thanks Will!

And comon' Squarespace. I know tablets aren't widely used in general, but if you're building sites that are targeted towards older adults who have a high tablet use rate, it makes it near impossible to do without Will's script.