Fluid Engine Tablet Spacing Fixer icon

Fluid Engine Tablet Spacing Fixer

by Chris

v0.1.6 Updated Jul 11, 2025 13.11KiB
CWS
1K
Users
★ 4.40
15 reviews
#18367
of 207.1K
developer
#1503 of 18.1K

Description

If you are using Squarespace 7.1's new Fluid Engine editor, you might have noticed that your text blocks get TONS of space between them on screen sizes between 600px and 767px (between mobile and tablet) with no way to remove it. This is because of the way Fluid Engine maps blocks to the grid. The remedy is to map blocks to the grid on a screen size of 767px. When mapping them at this width, the spacing issues are resolved. This extension automatically makes your 7.1 site's mobile view 767px wide, so you don't have to resize the window yourself. It also provides a "mobile preview" mode, that shows the original mobile view in additional to the 767px editing view, so you can see what your site looks like across more screen sizes. This will provide a much needed fix until (hopefully) Squarespace gives us an editable tablet view in the future. Then at that time you can uninstall this extension.
Fluid Engine Tablet Spacing Fixer screenshot 1Fluid Engine Tablet Spacing Fixer screenshot 2Fluid Engine Tablet Spacing Fixer screenshot 3

Reviews (2 cached)

★☆☆☆☆2025-07-01
Vaughan James

Unfortunately this no longer works (Win 11/Chrome Version 138.0.7204.97).

★☆☆☆☆2024-04-22
Sarah Hartley

Would be helpful if it even worked. The Enable Extension button doesn't work.

Permissions (2)

Permissions

activeTab Can access the current tab when you click the extension scripting Can inject scripts into web pages

Details

Version 0.1.6
Updated Jul 11, 2025
Size 13.11KiB
First Seen Mar 31, 2026