SCAgency

My biggest issue is that you have to do a lot of tweaking to the mobile design with positioning and spacing. On platforms like WordPress with Divi, it intelligently lays out the responsive flow and still allows you to tweak it. This is a much faster approach that how Squarespace currently handles it.
On the current site I am building in SS I need to tighten up massive gaps between column content on mobile. Just a lot of extra steps per section per page.

Try this thread:
Unless you want to share your website, you'll have to figure out the IDs and classes yourself, you can use this method:
https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

My biggest issue is that you have to do a lot of tweaking to the mobile design with positioning and spacing. On platforms like WordPress with Divi, it intelligently lays out the responsive flow and still allows you to tweak it. This is a much faster approach that how Squarespace currently handles it.
On the current site I am building in SS I need to tighten up massive gaps between column content on mobile. Just a lot of extra steps per section per page.

My biggest issue is that you have to do a lot of tweaking to the mobile design with positioning and spacing. On platforms like WordPress with Divi, it intelligently lays out the responsive flow and still allows you to tweak it. This is a much faster approach that how Squarespace currently handles it.
On the current site I am building in SS I need to tighten up massive gaps between column content on mobile. Just a lot of extra steps per section per page.

Thanks creedon.
I tried some javascript to replace curlies with straight. Maybe I didn' t use the right unicode characters (tried various ones for apostrophes and quote marks) or something, but no attempt worked in a code block or with code injection. Had Chat GPT write some code, but that didn't work as well.
It would be super helpful to know what failed, substitution unicode is being used for their ' and " marks. So far I can replicate it with Futura PT, Montserrat and Poppins, so likely many others are impacted. But I think you're right. Somewhere in SS code I think there is a conscious effort to prefer curlies.
Squarespace emailed back now after I showed them this on several sites in different browsers and different fonts and admitted there is an issue. Seems like it might be escalated a bit.

Super open to anyone's ideas on a javascript replace fix.

Mid June is here. We have tabled developing any new sites on Squarespace until Google Page Experience is addressed.

Mid June is here. We have tabled developing any new sites on Squarespace until Google Page Experience is addressed.

Mid June is here. We have tabled developing any new sites on Squarespace until Google Page Experience is addressed.

Mid June is here. We have tabled developing any new sites on Squarespace until Google Page Experience is addressed.

One of the things that disappoints us about Squarespace is the inability to do 3 equal column layouts with images if you need space on the sides. Sometimes you don't want giant images and saving images with a ton of whitespace canvas is just kinda silly and looks bad on mobile. Seems every other web platform has kept up with the demands of responsive layouts.
Maybe others are using this hack (or a better one), but posting this in case anyone else is struggling.
So to center three images...
Create a BLANK page section with MANAGE SECTIONS. Remember the name of this section for CSS in Step 4. Add your three equal size height and width images (like client / customer logos with same pixel dimensions.) Go to Custom CSS and add this code... #yoursectionname {margin-left: auto; margin-right: auto; display: block; width: 75%;}Adjust the width to wider or more narrow. Works like a charm for us. Hope this helps.

One of the things that disappoints us about Squarespace is the inability to do 3 equal column layouts with images if you need space on the sides. Sometimes you don't want giant images and saving images with a ton of whitespace canvas is just kinda silly and looks bad on mobile. Seems every other web platform has kept up with the demands of responsive layouts.
Maybe others are using this hack (or a better one), but posting this in case anyone else is struggling.
So to center three images...
Create a BLANK page section with MANAGE SECTIONS. Remember the name of this section for CSS in Step 4. Add your three equal size height and width images (like client / customer logos with same pixel dimensions.) Go to Custom CSS and add this code... #yoursectionname {margin-left: auto; margin-right: auto; display: block; width: 75%;}Adjust the width to wider or more narrow. Works like a charm for us. Hope this helps.