Spacing messed up in Squarespace 7.1

Hello,

I am experiencing problems with the spacing on my website. On the display, which is much larger screen size than my laptop, the spacing on my page becomes increased and uneven. Is there a way I can turn off the responsiveness for desktop? The screenshot with lots of extra padding is from my monitor display.

Can you share your website URL and site wide password?

What do you have the page width set to? What about the font size?

Hi @Ziggy, thanks for the fast response. My URL is https://kelly-chang-123.squarespace.com/ and the password is "stars." I think I have fixed the responsiveness with larger display screens, but the spacing seems to be decreasing when I test it to a smaller screen. 

The page width is set to 1600px and the base font size is 15px.

The narrowness of the content comes from a reasonably wide canvas, and text that takes up just half of the 24 columns, that means that text is no bigger than 50% of the width (until it switches to mobile at 750px).

I would suggest that you reduce the main width and then expand the width of all of the blocks and especially those that are getting too narrow. That shouldn't impact the overall look on wide screens, but improve it on mid-sized screens.

Thanks @Ziggy I think that solved the spacing issue for the photos. However, I'm also noticing that the font size seems to become larger when I move it to a mid-sized screen. How can I make it a consistent size?

The font size should scale down as you shrink the page, I think that the two screenshots side-by-side are slightly misleading. In testing scaling the width the fonts only get smaller, but of course not enough to guarantee that the text stays on just two lines.