SOLVED

Email template responsive for desktop

Go to solution
Jasbir_Kaur
Level 5

Re: Email template responsive for desktop

Hi @jzolinski,

 

Update the width in the media query with the below - 

 

@media only screen and (max-device-width: 660px), only screen and (max-width: 660px)

 

Sharing a few Suggestions here - 

  1. After reduce the width of the section, this module is not looking good - https://prnt.sc/Czksse6MKq20, so you can reduce the left, right padding to make it better like this one - https://prnt.sc/H_XT-iUj3oM_
  2. Need to reduce the padding for every module to make the template consistent.
  3. In Outlook the border radius is not coming, if you want you can create these CTAs with the hack and border radius will show for the outlook clients as well.

Otherwise, it's looking good.

 

Let me know if you need any other help.

 

Thanks!

Jasbir

Jasbir_Kaur
Level 5

Re: Email template responsive for desktop

Hi @jzolinski,

 

Do you need any other help in this template, or is this done?

Jasbir_Kaur
Level 5

Re: Email template responsive for desktop

Hi @jzolinski,

 

Do you want to fix this template with the existing width, or you want to reduce the table widths to the standard one as Jo mentioned? Please clarify, after that I can work on your template.

 

Also, the template is not compatible to iPhone Portrait mode dimensions, we need to fix that as well. 

 

Thanks!

Jasbir

jzolinski
Level 2

Re: Email template responsive for desktop

Hi Jasbir,

We are looking to reduce the table widths to the standard as Jo mentioned.

Sandeepkumar2
Level 2

Re: Email template responsive for desktop

The best solution is to ask the agency to make it responsive because if you event try to make the email width to 600 or 640, there are chances the internal tables are given with 1000px width or 500+500 for 2 columns, same for the images as well.
Another quick solution is to after giving the container width to 600px, make sure to give all the inner width in % (100% or 50% example), this is not the best solution but it will make it a little better.