Fix Image CTAs in Drag and Drop Emails

[Mark_Ryba]

Our team and clients love using Drag and Drop emails, but as many others on this forum have identified, thare are still a few bugs present in the product including the rendering of image CTAs in button modules on mobile. 

Currently, image CTAs placed in these email templates render as expected on desktop, but when viewed on a mobile viewport no standard responsive styles are being applied. A simple modification to the existing media query present on DND emails is all that is needed:

<style>

  // Existing Media Query
  @media only screen and (max-width:639px){
    img.stretch-on-mobile,.hs_rss_email_entries_table img {
      height:auto !important;
      width:100% !important
    }
    .display_block_on_small_screens{
      display:block
    }
    .hs_padded{
      padding-left:20px !important;
      padding-right:20px !important
    }
  }

  // Fixed Media Query
  @media only screen and (max-width:639px){
    img.stretch-on-mobile,.hs_rss_email_entries_table img{
      height:auto !important;
      width:100% !important
    }
    .display_block_on_small_screens{
      display:block
    }
    .hs_padded{
      padding-left:20px !important;
      padding-right:20px !important
    }
    .hs-cta-img {
      max-width: 100%;
      height: auto;
    }
  }

</style>

This simple fix should take no time and universally fix this issue platform-wide.

Please upvote to get this fixed as soon as possible!

[Mark_Ryba]

Hi @Mark_Ryba ,

I am the PM from Marketing Email. Thanks for the message. I will ask team to take a look and update staus again once i know where this will fall in our priorities. We appreciate the post and will be in touch again soon.

Shane

[Shane_Janssens]

Hi @Mark_Ryba ,

I am the PM from Marketing Email. Thanks for the message. I will ask team to take a look and update staus again once i know where this will fall in our priorities. We appreciate the post and will be in touch again soon.

Shane

[Mark_Ryba]

Thanks @Shane_Janssens!