charlesmudy/responsive-html-email-template

Responsive HTML email template designed to work on all major email platforms and smartphones

responsive-html-email-template's Issues

[Feature] creating a table layout for contents like shopping cart

I'd be creating a new section using table for contents like shopping carts e.t.c. and yes, it'd be responsive :)

Hybrid / Spongy?

Any interest in making a hybrid version of this?

Background Images

This is a great template thus far but I was wondering if you add another section with a background image. Something that is being offered here: https://backgrounds.cm/. If not no worries, I can code it in myself but I want to see your take on it.

Gmail: viewing half of the email

Charles,

First I'd like to say thanks for this amazing template.

Second when viewing this in Gmail for the desktop across all browsers it opens the email in like a 3/4 view. I have to pull my window open further for it to view the whole email.

Not sure if there was a coding solution to prevent that from happening.

Thanks,
Jonathan

font

hi Charles!

How can I change the font to Robot from google fonts?

Use mc:edit

mc:edit allows for editable areas: http://kb.mailchimp.com/templates/code/create-editable-content-areas-with-mailchimps-template-language

What is de introduction message for

The comment says: 'The "invisibleIntroduction" is the text used for short preview'

But when does the receiver see this message?

Windows phone 8.1. support

I tried and sent the default template to Windows phone built in email client. The fonts are really huge so the email is practically unreadable when opened. After clicking download all it is still unreadable. However if you go out of email and back in it than works perfectly.
I am writing this just for people to know.

Adapting to mosaico editor

We just pushed http://github.com/voidlabs/mosaico an email template editor.
Would you mind if we adapt your template to be used inside mosaico?
Can we redistribute the adaptation under the GPL license?

responsive issues

Hi,

I am looking for issues about this template.

I have some problems about mobile display.
Columns and containers should be displayed in 100% but aren't.
Please have a look on the enclosed screenshot :
(https://cloud.githubusercontent.com/assets/5775721/12422176/eedd7480-bec5-11e5-80a6-2234e4bd10fa.png)

Thanks in advance for your help,

pierre

Content table (500px) won't centre on Outlook.com

Outlook 2016 - blows out the background container

In the Outlook 2016 (Office 365) desktop application for PCs, the template blows out the background on either side of the email container. This makes it look like a blank email unless you use the horizontal scroll bar to find the body of the email way off to the right.

Author and about links either spam or not working

Property display duplicates

class="flexibleContainerBox" style="display:none;display:none !important;">

Email Snippet in Android Mail

Using Android 's mail program the email description displays beneath the Sender/Subject "Respmail is a responsive email....." instead of the first few lines of the email body.

Columns not collapsing on Android 4.4.4

Firstly great template - out off the many I tested this is the simplest and works the best!
I am having issues with Android 4.4.4.
Screenshot attached is from the vanilla template (latest version as at 15 Sep 2015).
The right hand columns appear to collapse but the lefthand columns appear to stay fixed.
Any suggested workarounds to this?
Thanks for all your hard work!
Tom

Issue with css styles

I used your template and made some customization. when I send the email it it removes all the style. only inline styles are applied. why is that?

Yahoo Mail - Left Margins Missing

If you run this template through Yahoo Mail, you'll see that all the text runs right up to the left margin. It looks fine in other mail clients. Does anyone know how to fix this problem with Yahoo?

Blueprint w/o inline styling?

Hey,
first of all great job. The template looks great in all major devices (tested on Litmus).

Is there a version available without inline styled tags? I would like to develop a mail template like a normale "website" and then do the inline styling afterwards (Juice).

Cheers

"invisibleIntroduction" problem on Outlook

Hi,
I have used "invisibleIntroduction" in my email template but this section is hidden in Apple Mail but not in Outlook ( I've tried with Outlook 2010 ).

HTML:

<!--
    The "invisibleIntroduction" is the text used for short preview
    of the email before the user opens it (50 characters max). Sometimes,
    you do not want to show this message depending on your design but this
    text is highly recommended.

    You do not have to worry if it is hidden, the next <td> will automatically
    center and apply to the width 100% and also shrink to 50% if the first <td>
    is visible.
-->
<td align="left" valign="middle" id="invisibleIntroduction" class="flexibleContainerBox" style="display:none !important;">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:100%;">
        <tr>
            <td align="left" class="textContent">
                <div style="font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#828282;text-align:center;line-height:120%;">
                    This is an introduction text and must be hidden
                </div>
            </td>
        </tr>
    </table>
</td>
<td align="right" valign="middle" class="flexibleContainerBox">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:100%;">
        <tr>
            <td align="left" class="textContent">

            </td>
        </tr>
    </table>
</td>

Screenshots:

Apple Mail

Outlook 2010

Rendering issues in Gmail app (Android)

Wrapper is set to 600px. There's no way to scroll to the right.

White space column in Mailbox app

Hello, I've come across a problem with a HTML email we've been building based on your framework. However I've also noticed this bug appears to be a problem with other emails I have received and wondered if you could shed any light on the subject. It doesn't occur with every email I get - some work which suggests there is a bug in your framework.

In short, when some responsive emails in the Mailbox App client on IOS, can be scrolled to the left revealing a white column. So the email doesn't in fact fit the 100% width. It's more like 110%.

I've attached a screenshot showing when I've scrolled left to reveal the White column.

Links with long words doesn't break line

Hey,
I notice that links with long words doesn't breaks line, here an example ( try to resize browser like a smartphone size ): http://jsbin.com/zuyehifowe/1/

Do you think is possibile define a global style to avoid this?