Known Issues in Email Rendering and Display

Below are known issues or bugs with the rendering of templates designed with our editor.

1. Buttons with label on 2 lines or more are vertically collapsed to 1 line in Outlook 2013 and 2016 on Win 7

s

Solution: make labels on a single line.

Next steps: will not fix.

2. Gmail Mobile App doesn't remove the horizontal padding for 2 and 3 columns resulting in extra padding because the client doesn't support media queries

s

Solution: don't use multiple columns if Gmail App is really important you!

Next steps: MailPoet will fix since media queries are supported in Gmail as of September 2016.

3. Vertical space between multiple columns in mobile is not existent

s

Another example. And another.

Next steps: MailPoet might fix it by adding top or bottom margin of 20px between multiple columns for mobile only?

4. Social icons: no padding or margins between icons in several email clients including some Outlook

s

Solution: no easy fix for this one apparently. 

Next steps: MailPoet might fix it by possibly modifying the PNGs to add invisible pixel left and right of each icon.

5. Footer widget > "Add your postal address here!" is rendered in bold in both browser and email clients with the tags <b>

The editor doesn't show it in bold. See screenshot.

Solution: simply add a new footer widget to start over. 

6. Nested lists: the editor doesn't display them but it should

s

Next steps: MailPoet to fix to display nested list in our Editor.

7. Line-height for H2 and H3: margin at the top of these headers are currently too tight vertically

s

Solution: user should simply add a new line. 

Next steps: MailPoet to make the top-margin for H2 and H3 the same as the current bottom-margin.

8. Custom color for links doesn't render

Using tinyMCE to change the color of links works in the editor but doesn't render in browser or email clients.

In browser, the colors of the links are always the one set in the Styles tab:

s

Solution: if users need links in more than 1 color, ask them to use header, footers or buttons instead.

9. Outlook: some of its varieties (2013, 2016 on win 7) don't like vertically short buttons

a