FIX Squarespace's Fluid Engine Tablet Spacing Issue 

Works like a charm, like you said, once you fix it, you dont wanna touch the mobile version anymore cause it would mess up the tablet version. So folks should generally do this as the last step, meaning if your web is good, mobile is good, then do this finally and dont change. One thing I realise too is that you should not be scaling anything, and just moving things to reduce the gaps, making images larger would not work and mess things up. Making text box smaller is fine tho. Regardless, I would like to thank you for the free app, youre an absolute legend!

I was about ready to give up or break down, but this extension has renewed my energy and allegiance with SquareSpace. I do hope they find a permanent fix at some point (soon), but in the meantime your extension is a great solution! Thanks for being so smart and willing to share your expertise with the rest of us! 😀❤

This is ABSOLUTELY INCREDIBLE!!! Thank you so much for building this. Just installed the extension and cleaned up my latest client site. The extension was working perfectly for me, and no more tablet spacing issues!

This plug-in has saved so much time, Thank You!

Huge improvement to my code, thanks for building this!

This is seriously helpful! I was so frustrated by the Fluid Engine bugs, and this is a great help! Thank you very much Chris!!!!!! :))))

Awesome Chris! Thanks so much for taking the time to create this solution!

Bravo! This is extremely helpful. My website was such an eye sore when viewed on tablets. This cleaned it up a lot. One issue ive ran into is when switching images from "fill" to "fit" in tablet mode and then resizing to fit the layout brings crazy spacing issues to the mobile view. For now I've just switched it back to fill and need to figure out how to address the image zoomed in view on mobile.

Just diving into this - you're a legend. Thanks Chris.

Thanks so much, Chris! I'm excited to try this out.

So immensely grateful for this!!!

Whoa! This is crazy fantastic. Thank you so much. Subscribed!

Worked great! Thank you!!

So clever, thank you for building this!

Works like a charm. Thank you!

Can’t wait to check it! In my case I also have spacing problem on larger 1920 screen size, it’s driving me insane 😢

👏 This is so helpful - can't wait to try it out!

You sir, are a ledgend!!

Well done boii. You're my favourite person.

Very helpful! Thanks so much!

Wow 🎉🎉🎉 well done chris. Way to see an opportunity to help us all and rise to the occasion. I though sqsp had said they’d fixed this though? Seems like now if they see what you’ve done and add the tablet view back into 7.1 (it was there in 7.0) and remove the issue of ruining the mobile spacing issues after we edit the tablet view. That my hope that they now grab the ball. BUT still think this is amazing and I’ll have to go look at the fluid engine sites I’ve updated. ❤😊

Such a big help!!!! Thanks a lot!!!

Amazing! Thank you so much! 👍

This is awesome! Thank you!!!🎉

Chris, thank you so much! Why in the world hasn't square sqsp fixed this?

So good. Can’t wait to use it

Nice work, just installed it! A couple of questions (not directly related to your extension, but seems relevant to ask :D) 1) Curious what are the most common devices that would fall between the 600px - 767px range? Looks like iPads are 787px + 2) Are you familiar with Responsively App? I don't have access to tablets to test, but how accurate is the simulation to real device behaviour? (I actually noticed from the list of devices in the app that none of the tablets are less than 787px, hence my first question).

Amazing! Thank you so much for creating this. One quick question though - When (if) sqsp do end up creating a solution to the spacing issue, will the work we did with the extension be affected? Guess only time will tell but didn't know if you had any thoughts

Can’t wait to try it!

Sure, I will use it

OMG, I spent so many weeks working on my website. I went on Mobile, things didn't look right, I moved a new thing oh boy!!! smh lol Now I have to start over again...maybe 70% over. Thank you. I also noticed on the mobile view the space looks different. Is there a way to keep the space "aesthetic" the same but allow the designer to view the whole board? In the example you showed us the Google and Apple icons moved in and out.

Loving this tool. However, the one piece of feedback that I would like to share with you is that it works on tablet sizes that have a max. width of 765px. Other than that, I was able to fix the large space gaps. Thanks for sharing!

Thank you for this very useful tool! This extension is a great help in correcting Squarespace web pages for Mobile view, and the ability to preview the Smartphone view is also very useful to compare how the corrections for Tablet affect the Smartphone view, which by the way is also relevant for checking the display of images. What I also learned while using the extension: If, after editing a page using the extension, you then correct it again with the extension turned off for Mobile, then not all edits made with the help of the extension are lost, but only those you edited recently. So this is not a general taboo. In fact, switching between the extension switched on and switched off can be very helpful for smartphone and tablet view optimization. At least, that's my personal experience so far. For me it's completely incomprehensible why Squarespace does not natively offer optimization for Mobile at 767 pixels width, since the breakpoint for Mobile is at 768 pixels after all. Correcting the rendering for Mobile at 430 pixels, as Squarespace currently provides, does inevitably lead to unsightly rendering in the 430 to 768 pixel range.

Thank you thank you thank you!

It's not perfect, but it does the job. Thank you for this extension!

I’m so glad I found this fix so thank you. Unfortunately it doesn’t seem to be working perfectly for me. While it works in the landscape view on my iPad, in portrait it reverts to a rubbish version of the desktop view with photos cut off. Any idea what’s going on?

Thanks so much for this awesome extension! Really appreciate it! Quick question- I'm having some troubles... When I try and update sizing of photos, text, etc, on the tablet view, my mobile view goes crazy, but these items have to be changed because they don't appear properly on the tablet view. What do you suggest I do? Thank you!

Hi on my end enabled button is not working.how i can enable this app?

Great extension. In my case when it's on the Site Style's icon disappears, so I have to turn it off to be able to change Site Styles.

Badass!

Hi Chris. Thank you for the Chrome plug-in. I have tried to use it today and found it buggy so offering this feedback in the hope it helps. In particular, what I found was 1) Could not make a text box wider than the grid i.e. full-screen size. 2) Could not change the font size on some text boxes. The edit box appeared but when trying to select the font drop-down selector, the edit box disappeared. 3) Changing the number of grid rows could only be done by selecting Edit Section. The blue box with horizontal lines and up/down arrows appears but when you try and select it, it disappeared. This is what I found on my first try. Hope this helps and thank you for making this easier for all of us.

Thank you for this chrome extension! It helped adjust some major [awkward] spacing issues... however, my site's line spacing has just gone wonky in about 80% of the design blocks... (sigh) Wondering if this is a known issue? (Related issue?) New issue? Thanks!

Hey Chris! This extension looks awesome! The enable/disable buttons aren't working for me though - any ideas on that? Thanks!

Hello chris, please have been trying to enable the extension on my PC but it not enabling.. 😟😟 what can i do to it... thank you

Wondering if I am missing something because when I make my tablet edits, it screws up everything on mobile. Should the order in which I design be Desktop > Mobile > Tablet? I'm finding FE frustrating because I can't seem to get all three views looking good. Not to mention really large desktops. How the heck do you get a site looking good on every possible device size 😫. Not to just complain lol I really appreciate you doing this I think I could just use some pointers

This is FANTASTIC 🎉 Thank you so much!!! Is it ok if I make a video for my channel explaining how to use the extension but in Spanish? Obviously will give you credit and link to your channel.

The extension had a few bugs on release but they have now all been updated! Please continue to provide feedback in the comments and I will keep updating the plugin as necessary!

I tried adding this, but keep getting an error when I download the extension. This is what it says "Package is invalid. Details: 'Could not load icon 'images/FE-Icon-16.png' specified in 'icons'.' Is there any chance you can tell me what to change so I can use the extension?

Not sure if I'm missing something but this extension is only letting me adjust the spacing of the mobile view layout, as it is. If I move any blocks around in the extension's new mobile layout those changes also show up in the "MP". Is that intentional?

Hi Chris - Brilliant again thanks for all your hard work - not sure if this is a slight bug - sometimes I cannot access the blue icon to make the section smaller - it shows up but when I move the mouse closer it disappears - so unable to make section smaller - not sure if this is happening with anybody else?

I downloaded the app and think it works great. Frustrating that SS doesn't feel the need for a tablet view. Tablet view is so basic.

It doesn't seem to work for me 🤔what shows in the preview on Squarespace and what my iPad shows in real-time are 2 different things... Has anyone figured out how to fix buttons size on tablet view?

👏👏👏👏👏👏👏👏👏👏👏👏👏👏

February 2024 it doesn't work anymore. At least doesn't work on my computer.