JD
0
Yahoo App Not Rendering Correctly for iOS
I have a two column responsive template that is behaving as it should on desktop and mobile for Outlook, AOL and Gmail (!!) and Yahoo desktop, Yahoo Android app. The problem is the Yahoo iOS app- the first column looks fine but the second column is squeezing down to a much narrower column. I know this is a bit of a random question without providing supporting code but wanted to post in case there is something that may only effect the Yahoo iOS app?
Hi John,
Not got a fix yet.. But had an issue recently to with using iOS Yahoo Mail app when I switched to use Responsive "TD method" vs "TABLE align method"
http://codepen.io/actionrocket/pen/taqci (Article: http://labs.actionrocket.co/stacking)
Seems if you want Yahoo to be responsive TABLE align method is the way to go for responsive on both Yahoos: iOS and Android
Don't think Yahoo Mail app on iOS likes the float on TD method to slap it into responsive.
Found that 'TD method' on Android worked with this hack:
Classes: .db.fl are applied together on the TDs that do the stacking
@media yahoo {
body .db.fl { display: table; vertical-align: top; }
}
http://freshinbox.com/blog/yahoo-mail-fixes-media-query-bug-yahoo/#crayon-5569c9fb883f3775704605
*credits to ActionRocket and Freshinbox