Jump to content

Mobile Layout Changes

Recommended Posts

Site URL: https://capao.squarespace.com/our-story

Website password is capao

I'm looking for assistance in changing the position of some blocks within a row for mobile view. I'd like all the images within this row or section to have all the images on top of the text. 

I've tested the following style but I can't figure out how to target the row with the 2 block I'd like to switch.

display: flex;

flex-direction: column-reverse; 


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

The easiest solution that I have found with issues like this, is to make it 3 separate sections (1 for each row) and then use css to correct padding and margins.

The divs in the blocks like that do not have static ID's and I gave up trying to move them around that way.

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.