Yahoo no longer supports display:none;

I'm buildling a responsive design email.  Previously, I used display: none; in CSS and @media queries to hide elements of my email for mobile and desktop.  It seems last month Yahoo took away the ability to use display none.  I have tried visibility: hidden, but this does nto work.  Any suggestions

https://litmus.com/community/discussions/815-yahoo-no-longer-supports-display-none

Stephen, 2 years ago

Hi 123Welcome,

Thanks for your question and we feel your pain here, we assure you!

What you may perhaps wish to try here is using a CSS class of:

.hide { max-height: 0px; font-size: 0; display: none; }

Which is taken from our "How to display email content in mobile clients only" blog post, so perhaps give that a go and let us know how you get on here! :)

123Welcome, 2 years ago

<html>
<head>
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width; initial-scale=0.666667; maximum-scale=0.666667; user-scalable=0;">
<meta name="viewport" content="width=device-width">

<style media="all" type="text/css">
body, div, span, p, a, li, td { -webkit-text-size-adjust:none; }
.apple_link_footer a { text-decoration: none; color: #666666; }
.apple_link a { text-decoration: none; color: #000001; }
.cust_id_footer a { text-decoration: none; color: #ffffff; }
.ExternalClass * { line-height: 100%; }

.desktop_hide {
    display: block !important;
    font-size: 13px !important;
    max-height: none !important;
    line-height: 14px !important;
}
.mobile_hide {
    mso-hide: all !important;
    display: none !important;
    font-size: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
}

@media only screen and (max-device-width: 480px) {
.desktop_hide {
    mso-hide: all !important;
    display: none !important;
    font-size: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
}
.mobile_hide {
    display: block !important;
    font-size: 13px !important;
    max-height: none !important;
    line-height: 14px !important;
    width: auto !important;
}
}


/* Galaxy S4 */
@media only screen and (-webkit-min-device-pixel-ratio : 3){
.desktop_hide {
    mso-hide: all !important;
    display: none !important;
    font-size: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
}
.mobile_hide {
    display: block !important;
    font-size: 13px !important;
    max-height: none !important;
    line-height: 14px !important;
    width: auto !important;
}
}

</style>
</head>
<body bgcolor="#FFFFFF">
<!-- BEGIN DESKTOP VERSION -->

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="desktop_hide">
<tr>
    <td valign="top" align="center" width="601" height="5">Desktop version</td>
</tr>
</table>

<!-- END DESKTOP VERSION -->

<!-- BEGIN MOBILE VERSION -->
<div class="mobile_hide" style="font-size: 0; max-height: 0; overflow: hidden; line-height: 0; mso-hide: all; display: none;">
<table width="320" cellpadding="0" cellspacing="0" border="0" align="center" class="mobile_hide">
<tr>
    <td valign="top" align="center" width="320" height="5">Mobile version</td>
</tr>
</table>
</div>
<!-- END MOBILE VERSION -->

</body>
</html>

123Welcome, 2 years ago

Above is a simplified version of my code.  It works on everything except desktop version on Yahoo in Firefox & Chrome.  I do have the code you suggested, as my template was originally from campaign monitor.

WondaGaf, 6 months ago

Если Вас заинтересовала возможность воспользоваться услугами,
которые предо-ставляют недорогие <a href=http://nsksex.club>проститутки новосибирска</a>
<a href=http://nsk.sibirki.com>проститутки новосибирска</a>
<a href=http://sexonsk.love>проститутки новосибирска</a>
<a href=http://sib.nsexy.ru>проститутки новосибирска</a>
<a href=http://www.siblaguna.net>проститутки новосибирска</a>
<a href=http://sexi-nsk.ru>проститутки новосибирска</a>

AnthonyJap, 6 months ago

Хочешь попробовать секс с
<a href=http://surgut.sex>проститутки сургута</a>
Приветствуем на сайте-каталоге, где для вас собраны все
<a href=https://sexsurgut.vip>проститутки сургута</a>
<a href=http://sexosurgut.mobi>проститутки сургута</a>
Возможно, вы уже ошиблись, потратив деньги впустую, желая заказать
<a href=http://surgut.prostitutki.rest>проститутки сургута</a>
Заргорелые и сексапильные
<a href=http://surgut-girls.com>проститутки сургута</a>
готовы встретиться с Вами, в своих апартаментах для незабываемого интим - досуга!
<a href=http://prostitutkisurguta.top>проститутки сургута</a>
<a href=http://dosug-surgut.com>проститутки сургута</a>

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098