Jump to content

Blocks not 'adapting' to browser window resize

Recommended Posts

Hi. I have four groups of blocks on this page (under construction):


They each consist of a shape, an image, a text block, and a button. As you can see in the attached screenshots, when I re-size the window the blocks don't 'adapt' to fit within the window. I've not seen this behaviour before. When the window gets small enough they do 'adapt' to a mobile type arrangement, stacked above each other, but before then they just go off the edge of the page. It's not possible to scroll the page to the left to reveal the hidden blocks.

Does anyone know what's going on and how to fix it?

Thank you,Screenshot2023-10-31at09_48_50.thumb.png.c19c7792c8e7dc1622d474963a08bf61.pngScreenshot2023-10-31at09_48_57.thumb.png.eae9bd1689a91c36fd1ddd1d80daa47f.pngScreenshot2023-10-31at09_49_04.thumb.png.8479f38fb4e5a87d656dd1490247271a.png


Link to comment
  • Replies 2
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

It turns out this is a result of having the section's alignment grid columns spaced out to the maximum value (this was helpful in having four blocks spaced correctly). I don't know if this is an inevitable consequence of this decision, or a bug Squarespace needs to work out?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.