Automatic mail blog with mobil problem

[Janette]

Hello good afternoon

I have an issue with the emails that are automatically sent from the blog in mobile is looking wrong since it outdates text:

Why should it be seen with that offset of the text?

I remain attentive to your comments.
Regards

[Nynke_HM]

Hi Janette,

This could have multiple causes. The most likely one is that the image is too small. The email is probably set up in 600px width (this is default) and the image could be smaller than that. 550px for example. You could check this first.

Another reason could be that the spacing in the template is edited. For example, that there is no spacing set on the right of the image and this provides room for the text to appear.

A third one I can think of, is that this is only visible in specific email clients. Outlook is known for it's bad image alignment. Is the example you show an email in Outlook? You could edit the image settings for Outlook specifically. Read more about it in this article: https://knowledge.hubspot.com/articles/kcs_article/email/why-do-emails-look-different-in-outlook

Hope this helps!

Kind regards,

Nynke

[Janette]

Hi @Nynke_HM  

Thanks for the information.

For the first cause I have already reviewed the size of the image of blog articule and this has size of 1024x545px. Do you believe if this is bigger cause a problem?

For the second cause I have already reviewed, I check the spacing set on the right of the image in the blog and there are two styles with out padding-right and margin-right:

.hs-featured-image {
max-width: 500px;
padding-right: 0px !important;
width: 650px !important;
height: 300px;
border: 2px solid #e0e0e0;
margin: 0px;
float: left;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}

@media only screen and (max-width: 640px) and (min-width:400px){
.hs-featured-image{
height: auto !important;
padding-right: 0px!important; 
padding-bottom: 10px;
}
}
@media only screen and (max-width: 400px){
.hs-featured-image{
height: auto !important;
padding-right: 0px!important;
padding-bottom: 10px;
}
}

Do you believe this styles are causing this problem?

For the third cause I have already reviewed and this example that I show you an email is in gmail not outlook.... 

I remain to your comments...

Thanks and Regards

[Nynke_HM]

Hi @Janette ,

You could test both.

1. Try to align the image in the center of the email and add spacing to the right and left of the image - so there's no room left for text.

2. If number 1 doesn't do it, try to edit the padding. With some testing and experimenting you should get there. 

Otherwise, you could always ask the Support team to help you out (via the Help button) or contact a developer to look into this.

Hope this helps!

Nynke

[Janette]

Hi @Nynke_HM 

I will try with this you are talking me...

If I continue with the issue I going to writing again 🙂

Thanks and Regards

[Janette]

Hi @Nynke_HM 

Do you believe this issue have to see with RSS??

Or whith email like gmail or outlook... etc or with web browser? 

I remain to your comments.

Regards

[Nynke_HM]

Hi @Janette ,

Please use the 'Help' button to contact Support or contact a developer to solve your issue.

I am afraid I can't solve it for you. 

Hope someone else can!

Nynke

[Janette]

Gracias @Nynke_HM por tu ayuda...

Saludos