Jump to content

How do I change text and image order on mobile only, Squarespace 7.1

Recommended Posts

  • Replies 1
  • Views 299
  • Created
  • Last Reply

Hello,

Try the following code, let me know if this helps.

section[data-section-id="60c763a3f3cec4103bebcf6f"] {
@media only screen and (max-width: 640px) {
.sqs-row {
  display: flex;
  flex-direction: column !important;
}
.sqs-col-6 {
  flex-direction: column-reverse;
  display: flex;
}
.sqs-col-6:last-child {
  display: flex;
  flex-direction: column;
}
}
}

 

-Dan

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.