Squarespace Fluid Engine: Fix the Tablet Spacing Issue

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.kerstinmartin.com
Visit my blog for more Squarespace and business tips & tricks, as well as awesome interviews with Squarespace designers and seasoned online entrepreneurs. - kerstinmartin.com/blog
Try Squarespace! Save 20% on your first year with code KERSTIN: kerstinmartin.link/squarespace
Subscribe to Studio Notes, my newsletter for candid conversations about growing a calm business with heart + integrity in a hustle-driven world. - kerstinmartin.com/subscribe
Let’s connect on Instagram - / kerstinmartin

Пікірлер: 22

  • @danielo8097
    @danielo8097 Жыл бұрын

    Thanks for this video! Squarespace needs to offer a tablet view in editor in my opinion.

  • @KerstinMartin

    @KerstinMartin

    Жыл бұрын

    Agreed! They used to have it in 7.0, no idea why they took it away for 7.1.

  • @susanmcdonald8756
    @susanmcdonald8756 Жыл бұрын

    Thank you Kerstin! This was driving me crazy and your fix is so simple!

  • @biaalvarez
    @biaalvarez Жыл бұрын

    so grateful for this video Kerstin! Thank you!!

  • @shellyallen3724
    @shellyallen3724 Жыл бұрын

    Wow, you are a lifesaver! I've been scratching my head about this and this is brilliant. Thank you!

  • @ThisIsMyEverybody
    @ThisIsMyEverybody Жыл бұрын

    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 ✨😎✨

  • @JaiSequoia
    @JaiSequoia Жыл бұрын

    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 🙃

  • @mtdahlgren
    @mtdahlgren Жыл бұрын

    Thank you so much Kerstin 🙏♡ Love what your are sharing about this issue. So helpful ♡

  • @colinboyter2790
    @colinboyter2790 Жыл бұрын

    thank you for this. Your video was linked to from the circle forums.

  • @creativityworkoutsforartan6951
    @creativityworkoutsforartan695110 ай бұрын

    Thanks for the tip and for Responsively App. My new favorite tool!

  • @KerstinMartin

    @KerstinMartin

    10 ай бұрын

    I love the Responsively App! Great tool for designers :)

  • @theparishesofmerthyrtydfil6661
    @theparishesofmerthyrtydfil6661 Жыл бұрын

    Thank you Kerstin, always so helpful 😀 (Jayne Caudle)

  • @roberthennings
    @roberthennings Жыл бұрын

    Thanks for the tip. But it's still pretty rubbish in in iPad portrait mode. My buttons are everywhere and off center.

  • @KerstinMartin

    @KerstinMartin

    Жыл бұрын

    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!

  • @jfox9126
    @jfox9126 Жыл бұрын

    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.

  • @KerstinMartin

    @KerstinMartin

    Жыл бұрын

    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.

  • @jfox9126

    @jfox9126

    Жыл бұрын

    @@KerstinMartin Thank you - really appreciate your taking the time to reply!

  • @Verien7
    @Verien79 ай бұрын

    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.

  • @KerstinMartin

    @KerstinMartin

    9 ай бұрын

    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.

  • @Verien7

    @Verien7

    9 ай бұрын

    @@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

  • @KerstinMartin

    @KerstinMartin

    9 ай бұрын

    @@Verien7 You and me 😅