Squarespace Fluid Engine: Fix the Tablet Spacing Issue
HTML-код
- Опубликовано: 9 фев 2025
- UPDATE: This fix may not work anymore! Fluid Engine is optimized for mobile but still has issues with tablet views and Squarespace keep making changes in the backend that render our fixes unworkable. You can still try it but please know that it may not work. Hopefully Squarespace will have a permanent solution soon!
Link to the Responsively App shown in the video: responsively.app/
===
I'm Kerstin Martin, Squarespace Educator, late bloomer entrepreneur and creator of the Eule Planner®. My courses help entrepreneurs build successful, well organized businesses with Squarespace. Find out more at www.kerstinmar...
Visit my blog for more Squarespace and business tips & tricks, as well as awesome interviews with Squarespace designers and seasoned online entrepreneurs. - kerstinmartin....
Try Squarespace! Save 20% on your first year with code KERSTIN: kerstinmartin....
Subscribe to Studio Notes, my newsletter for candid conversations about growing a calm business with heart + integrity in a hustle-driven world. - kerstinmartin....
Let’s connect on Instagram - / kerstinmartin
Thanks for this video! Squarespace needs to offer a tablet view in editor in my opinion.
Agreed! They used to have it in 7.0, no idea why they took it away for 7.1.
Hi, Kerstin!… I’m so glad you shared your wonderful tip on tablet view editing with everyone in this video! After you answered my question about this in your previous video, I tried it right away & it worked like a charm… Such a simple solution for now while we await further updates from Squarespace… And thanks so much for the tip on that fab app! Completely new to me… Denise ✨😎✨
Wow, you are a lifesaver! I've been scratching my head about this and this is brilliant. Thank you!
so grateful for this video Kerstin! Thank you!!
Thank you Kerstin! This was driving me crazy and your fix is so simple!
Thanks for the tip and for Responsively App. My new favorite tool!
I love the Responsively App! Great tool for designers :)
Thank you so much Kerstin 🙏♡ Love what your are sharing about this issue. So helpful ♡
thank you for this. Your video was linked to from the circle forums.
Great fix Kerstin. I like it better than a code fix (less steps=easier). The tool you’re using for checking on devices is awesome! The old one I used to use doesn’t work so well anymore and they aren’t updating it any longer. I’m always a bit surprised that people don’t just turn their tablets to landscape though too as it’s a way more comfortable viewing experience and similar to a desktop view. I guess I think that because it’s what I always do 🙃
Thank you so much!!!
Thank you for taking the time to make this tutorial. I noticed this issue after editing my mobile view and turning my phone to landscape to check it that way - ugh, spacing issues. Of course people viewing a website on mobile may turn their phone to landscape occasionally and then they will see this. I tried the method in this video, but it didn't seem to work for me. Eliminating the extra space by squeezing the edit desktop view to the 8 column grid and editing it that way seems to cause issues somehow for the mobile view. When I change the spacing in the squeezed edit desktop view and bring my element up, it actually edits my mobile view and brings the same element up in that view, causing too little space above that element in the mobile portrait view. I had thought that edit desktop and edit mobile were independent of eachother in terms of placement of items, but this seems to be an exception.
Hi J! Yes, unfortunately Squarespace are still fiddling around with this and my solution no longer works like this. They have improved the 'out-of-the-box' spacing a little bit so if you just focus in desktop and mobile view (via the editor) then that should suffice. Although on some tablets you'll still have these issues. Squarespace keep working on this and I am hopeful that at some point it will work properly across all screens.
@@KerstinMartin Thank you - really appreciate your taking the time to reply!
Thank you Kerstin, always so helpful 😀 (Jayne Caudle)
Thanks for the tip. But it's still pretty rubbish in in iPad portrait mode. My buttons are everywhere and off center.
Yes, unfortunately my little trick doesn't quite work anymore as Squarespace have made more changes in an attempt to fix this. Still not quite there but I know it's a priority for them!
I’ve got my iPad view looking good and now the iPad mini it’s showing a gapped version of the mobile browser. Honestly it’s super annoying but fun trying to fix too.
I hear you! It has improved a lot but I sure hope that one day we will have a way to easily make it perfect for all screensizes.
@@KerstinMartin I’ve got it working with a lot of patience so thank you so much!
Not looking forward to a square space update where it throws it all out again. Haha
@@Verien7 You and me 😅