Outlook Preview Issue
Hello,
first of all, I love your email templates, thanks for sharing.
However am getting a weird issue and hopefully you can help me.
In Outlook 2013 (Office 32bits on W7 64bits, IE11), part of the email does not show up in preview pane. Am making some tests by sending it from my website so sender is in "Safe sender's list". I have change only the paths of the images in the HTML code. I understand that HTML might not look well sometimes for whatever reason in Outlook. In these cases the recipient can clearly see that the graphics are weird (in preview mode) and he knows that he has to open (in Full view) the mail to view it correctly or view it online.
My issue is that the first part (top) of the mail displays correctly but ONLY the content with white background (just below the hero.png file), does not display at all. So it looks to the recipient that the email is being displayed correctly and that’s the only content (i.e. Content with hero.png, then immediately after blue background: “We would love to hear…”). So recipient does not have the reflex to open the email to display it correctly. I have checked 2 other templates. I cannot get the issue. I have tried on another PC same issue.
If the mail is opened everything is fine. Check this results (preview mode at left, mail opened at right):
- with your template with images loaded : https://www.dropbox.com/s/1ce8ialvxmv01i3/vision-template.png?dl=0
- The same template without images loaded (same issue): https://www.dropbox.com/s/ieu7cr3vdovkcjr/vision-template-without-pictures.png?dl=0
- Another template (no issues): https://www.dropbox.com/s/rltzy97xs1fjktm/template2-without-pictures-loading.png?dl=0
Hello Kurt Fr,
I'm Glenn the author of this template, apologies for the delay in me getting back to you.
I have taken a look into the issues you are experiencing with this template and i hope the information below can help you solve this issue.
It looks like it's the media query that is causing this issue. On
line 28
you will see the following code :@media only screen and (max-width: 639px){
Can you try changing the
639px
to600px
or480px
. It looks like your preview panel is smaller than640px
so doing this should stop the issue. If you have any problems please do shout.Hi Glenn,
In outlook 2013 and upper versions inemail Preview panel, we are getting image url but in gmail and yahoo it shows the content in th e preview that is just after image instead of showing the url .
Do you suggest any thing for outlook.
One more thing, if I slowly decrease or increase preview pane width. The email preview gets OK. If I select another email and then go back to my email, the problem appear again.
Hello any idea about my issue ?