Email template responsive for desktop

[Jasbir_Kaur]

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]

Hi @jzolinski,

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

[Jasbir_Kaur]

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]

Hi Jasbir,

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

[Sandeepkumar2]

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.