enlarged logo

@ibrahimal3ed I wonder if this is the same issue I am having lately (see my previous post)

Hello @ibrahimal3ed,

I’m sorry to hear you’re having this issue.

Could you specify which email app this issue occurs? If you could send screenshots of the issue, that will help us have more information and better assist you.

Additionally, kindly try deactivating other plugins one by one and check the issue after each deactivation to see if it will be fixed. I would recommend deactivating any optimization or caching plugin first.

Regards,
Karla

@karlalevelup

Hello karla,
I’m using outlook app.
and this is a screenshot of the issue.
https://i.ibb.co/9hV6KLy/ss.jpg

Honestly I’ve just tried to view the email using Samsung mail app and it appears normal there.

At the same time I tried another plugin called yaymail and the email appeared in a perfect condition in outlook app.

@dyin I guess it is almost the same issue

@ibrahimal3ed yup it is exactly the same issue

Hey,
Thanks for reporting! I’ll have the developers look into this. Have either of you tried contacting the outlook app support team regarding this?

Kindly,
Hannah

Hi,
The outlook App is not on our list of popular email clients we test with. I don’t know of a email testing company that lists the outlook app.

My first suggestion is to reduce the size of the image you are sending. can you make sure that the image size is the size you want the image to appear in your emails?

Ben

@britner This is the first thing I tried. I scaled down the image. The result is an even lower resolution stretch of the header logo (the same happens for the social sharing icons in the footer).
Strange that the outlook app is not included in tests. It seems to be a popular iOS app and is mostly considered as one of the best mail apps in iOS.

@hannahritner I have tried sending feedback through the outlook app. Haven’t recieved a reply yet

• This reply was modified 3 years, 3 months ago by dyin.
• This reply was modified 3 years, 3 months ago by dyin.

@britner pardon you don’t consider outlook as a popular app ?? it seems to me like if you were saying that you don’t recognize a Toyota car as popular. I suggest you to give it a second thought.

@dyin Don’t worry I got your back ??

Go to custom css option in email customizer page.
Then paste this code.
replace logo in the code below with logo image url
replace background in the code below with background image url
be aware that in each line : 1st affects logo, 2nd affects background ;
you might not see changes taking place instantly in the preview ( maybe google chrome is not considered as popular too ) so please save changes and refresh the page.

#template_header_image_container{
background-image: url(logo),url(background); 
height: 120px;
background-size: 99px,auto;
background-repeat: no-repeat,no-repeat;
background-position: center,center;
}

I’m sure this will fix your issue ??

@ibrahimal3ed hahaha, this is one of the funiest replies ever :). Thanks for finding a fix. I will try it later.

@dyin you’re welcome ??

please let me know if this fix the issue for you.

@ibrahimal3ed I haven’t been able to get it to work yet. I only have a logo and no background image. So I added the url between brackets (‘url’) and deleted everthing linked to the background image (url and second options) from your code.

I am probably doing something wrong

@dyin
Sorry I forgot to mention that you have to remove the logo image first from the header settings.

As you are only using a logo image then use this code. Replace logo word with logo url.

#template_header_image_container{
background-image: url(logo); 
height: 120px;
background-size: 99px;
background-repeat: no-repeat;
background-position: center;

please let me know if this works for you.

• This reply was modified 3 years, 3 months ago by ibrahimal3ed.

@ibrahimal3ed yup that did the trick. I needed to delete the logo first. Thanks!
Now only the footer social logo’s are a bit broken but at least the user experience is OK now ??

@ibrahimal3ed We test with outlook web, and outlook desktop apps on mac and windows using different versions. Email on Acid doesn’t have outlook for IOS as a test, but that isn’t to say we don’t try testing in every major app and service. What is strange is that between the 100 tests we make with other apps and web versions and desktop applications none have the issue mentioned here. From a code perspective images are given a width and a defined max width so the whole thing with outlook on IOS specifically is really odd.

@britner Thanks for the clarification. I want to mention that I’m using outlook on andriod and I face the same issue too.

Some plugins as I mentioned above are outlook-friendly. I hope it can give a clue on how to overcome this issue.