Overlapping Image Blocks (7.0)

ezgif.com-gif-maker (1).gif

Here’s how you can customize an image block (7.0) using CSS so the text and image overlap on mobile!

Add the code below to your Custom CSS:

/* Image Overlap Block — Mobile  */

@media screen and (max-width: 767px) {
  .sqs-block-image .design-layout-overlap .intrinsic {
    position: absolute !important;
    top: -50px; /*adjust based on img*/
    left: -50px; /*adjust based on img*/
    width: 150px; /*adjust based on img*/
  }
}
Code SnippetsPuno