Stack Event Photo on Top of Text on Mobile

Site URL: https://carrot-bronze-bld8.squarespace.com/events-1

Hoping to find a way to stack the event photo on top of the text in event summary mode on mobile. Any help is very appreciated. THanks!

6 hours ago, mackenzieu said:

Site URL: https://carrot-bronze-bld8.squarespace.com/events-1

Hoping to find a way to stack the event photo on top of the text in event summary mode on mobile. Any help is very appreciated. THanks!

Hi,

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  /*Setting summary layout on mobile*/
  .sqs-block-summary-v2
    .summary-block-setting-design-list
    .summary-thumbnail-outer-container {
    width: 100% !important;
  }

  .sqs-block-summary-v2
    .summary-block-setting-design-list
    .summary-thumbnail-outer-container
    img {
    width: 100% !important;
    height: auto;
  }

  .sqs-gallery-design-list
    .sqs-gallery-design-list-slide:not(.no-image)
    .sqs-gallery-meta-container {
    width: 100% !important;
  }
}

My testing result

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

@bangank36Perfect! Thanks for your help!