GD3
Yahoo App no longer responsive?
Hi all,
today I was checking a new template, not different from previous ones already tested, and I noticed a no-longer-responsive behaviour on Yahoo App (Android version). Anyone else?
GDGDHi all,
today I was checking a new template, not different from previous ones already tested, and I noticed a no-longer-responsive behaviour on Yahoo App (Android version). Anyone else?
Late answer, but if you want both Gmail (since they support responsive they use styles only from head) and Yahoo App for Android to use your styles and you don't want to duplicate them you can simply put an empty head before your real head:
Full article here: https://mosaico.io/email-client-tricks/double-head-trick-yahoo-app-android/
Wow, this is awesome thanks Stefano! ^_^
I'll need to test but I'm sure it'll work!
Thanks again!
This didn't work for me. Caused my email not to be responsive at all (Sending through mail chimp to Email on Acid)
It looks like what's currently happening is the
<head>is getting stripped from emails in the Android version of the Yahoo App. As a fix for this you can replicate your<style>block and place it in the<body>.Would there be a specific place you'd recommended replicating such CSS styles in the
<body>i.e. immediately following the opening tag, or just before the</body>? I suspect the closing tag, because you don't want to affect the preheader, but thought I'd ask.That'd be my best bet for placement of it too, though think it'll need some testing just to make sure.
Lucky me, I already do this for other reasons.
Does this mean you're duplicating your CSS inside your head and body tags? Is duplicating all your css for a single mail app really worth it?
Or are you only putting your CSS in the body? Wouldn't this cause issues elsewhere?
Only in the body. For me, at the start... or after the tracking pixel (if it is first child of the body). While not valid, I haven't seen any negative results in litmus render tests. That said, I haven't done manual click through tests on every campaign on every obscure browser/email client. Works fine afaik in all combinations of outlook, gmail, yahoo, ie, edge, chrome, safari, firefox... ios/android native and apps....
and since when do email coders care about w3c validation?
Haha, good answer! And fair!
Yeah I have no concerns for validation, I'm just pretty sure there's a client out there which strips unwanted tags from the body section - style for example. I just wasn't sure which one but regardless this is still a fix :)
I mean, the auto re-sizing fix for gmail looked totally insane, but yet it worked! So I guess this is just an extra quirk to add to our bags!
Hi Giulia,
It is true that Yahoo App does not render responsive, but there is some way to crack the CSS.
For example:
It ignores class after em_wrapper (.em_wrapper1, .em_wrapper2, .em_wrapper3 these do not work).
So, you have to define like this:
If you follow all these things, then it might appear responsive in Yahoo App.
Thanks
Kevin
Thanks Kevin, I had comments between my media queries, I removed it and it worked lol :D
Hi Giulia,
I just ran some tests, and it indeed looks like Yahoo's Android app no longer support
<style>(and thus, no media queries). This was already the case on Yahoo's mobile webmail. But it still works on Yahoo's desktop webmail and iOS app.But, but.....but I just made my fluid templates work on the Yahoo Mail! app :(
gmail finally lifts us up.... and yahoo spits in our faces.... WHY?!