Jump to content

reverse image and text blocks on mobile

Recommended Posts

Posted

Site URL: https://marigold-lime-snme.squarespace.com/

Hi, I am trying to flip the order of the image and text block in one of my columns on mobile. The current order is - text, image, image, text, text, image. On desktop this would be the middle column I am looking to change for mobile. I would like the order to be text, image, text, image, text, image.  I have seen some answers in the forum but have had no luck making it work. Website details are below.

https://marigold-lime-snme.squarespace.com/

PW: YpSfs5^w

Thank you.

  • Replies 2
  • Views 1.6k
  • Created
  • Last Reply
Posted
3 hours ago, michael2019 said:

Site URL: https://marigold-lime-snme.squarespace.com/

Hi, I am trying to flip the order of the image and text block in one of my columns on mobile. The current order is - text, image, image, text, text, image. On desktop this would be the middle column I am looking to change for mobile. I would like the order to be text, image, text, image, text, image.  I have seen some answers in the forum but have had no luck making it work. Website details are below.

https://marigold-lime-snme.squarespace.com/

PW: YpSfs5^w

Thank you.

try

@media only screen and (max-width: 640px) {
  section[data-section-id="60dccd4acef81b5695c198c4"] .span-4 .sqs-block-image {
    order: 1;
  }
}

image.thumb.png.07877ac8afcc43110dbcb2f6e9afec75.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

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.