HubSpot Ideas

Mark_Ryba

Fix Image CTAs in Drag and Drop Emails

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!

HubSpot Updates
Idea Submitted
May 28, 2021 05:42 AM

May 28, 2021 05:42 AM

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

3 Replies
Shane_Janssens
HubSpot Product Team

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
HubSpot Product Team
 
Mark_Ryba
Contributor | Elite Partner

Thanks @Shane_Janssens!