MSO conditionals not working in Outlook 2014 for Mac?
Has anyone had experience with MSO conditionals not working in Outlook 2014 on Mac? My templates use the <!--[if !mso]><!-->…<!--<![endif]--> conditional to hide mobile-only content from Outlook since it doesn't respect display:none. For some reason my client's Outlook doesn't seem to acknowledge the conditional comments, so it's showing both desktop and mobile content in the tests.
I've spent about an hour on Google and I can't find anything regarding this. Any help would be greatly appreciated!
Hello Jeremy ! Outlook for Mac uses the WebKit rendering engine (contrary to Word's rendering engine used in Outlook 2013 on Windows for example). I haven't tested specifically on Outlook 2014, but a
display:noneshould work. (If not, you could try setting a height to zero with an
overflow:hidden, like for hiding content in Gmail).
Thanks for the reply Rémi! Ah, right! I glanced at the Campaign Monitor CSS guide and ran with that. I forgot Outlook for Mac uses WebKit. I'm still a little stumped though, because in addition to the MSO comments, I'm actually using both of those css attributes you mention. Here's a sample:
It looks fine in my Outlook 2011 for Mac, but something is happening in Outlook 2014 that's keeping the mobile-only image/content from being hidden on desktop. Hmmm.