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; 

change-position-mobile.thumb.jpg.d46756a954f325571add5a87cc6d4ca1.jpg

Link to comment
  • Replies 1
  • Views 320
  • Created
  • Last Reply

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.