emailmonday / Cerberus

A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.

Home Page:https://www.cerberusemail.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Outlook app IOS ignoring display:block, columns not stacking

bwd-adam opened this issue · comments

Describe the bug
Outlook app IOS ignoring display:block, columns not stacking

Solution
Changed <td>s to <th>s as per https://litmus.com/community/discussions/7658-outlook-app-ios-ignoring-display-block thread

To Reproduce

  1. cerberus-responsive.html template
  2. Outlook app for iOS (iPhone XS 12.3.1, Outlook app v3.33.0)

Screenshots
Screenshots tested of default cerberus-responsive.html v3.2.0 in Litmus app.

default_Litmus-preview_mobile
default_Outlook-iOS_iPhone-X

@bwd-adam Which template is this, cerberus-hybrid.html or cerberus-responsive.html?

Cerberus-responsive.html

Sorry I didn't make file name clear in notes.

@bwd-adam thanks for clarifying and suggesting the fix. I'll play with this on my end this week (hopefully).

Huh, I'll be damned, I can see this suggestion fixing iOS Outlook.

Screen Shot 2019-08-12 at 9 14 23 PM


Interestingly enough, Outlook on Android seems to fully support media queries, so this would fix just the one email client.