Create a Discussion

Image size in yahoo! mail

Doron Nissim posted 2014-06-22 10:08:58

hello everybody

for some reason, images get HUGE in yahoo mail. it seems yahoo trigers the responsive css (although the mail is viewed on desktop).
the css supposed to be trigered at 590px (@media only screen and (max-width:590px) ).

this is the original design (Hebrew)

does any body know hot to fix this?

Mark Robbins replied 2014-06-23 08:30:42

Hi Doron,

Yeah this is a qwerk in yahoo mail. It doesn't recognise media queries so it will just apply all the styles you've set.

The way to fix it is to use attribute selectors within your media queries.
So instead of writing

img.classname{
   width:100%;
   height:auto;
}

you need to write it as;

img[class="classname"]{
   width:100%;
   height:auto;
}

Yahoo doesn't recognise this attribute selector format so won't render this bit of CSS. Still use the normal format for anything you do want Yahoo to render.

Cheers,
Mark

Reply to Mark Robbins

Vic Dinovici replied 2014-07-04 13:00:52

you can use this:

and the style will be:
i.e. body[yahoo] table {background:#ffffff !important;}

Reply to Vic Dinovici

The Litmus Community is the place for email designers and marketers to learn, grow, and educate each other about everything email.

Image size in yahoo! mail

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password