Stack Overflow
Stack Overflow

Questions tagged [responsive-emails]

HTML email building is already a complicated task. The proliferation of mobile devices has made it even more complex. Depending on where you ask, responsive layouts have contributed to 10-15% improvement in open rates.

Use this tag for questions related to building responsive email layouts that accommodate both mobile and desktop clients.

29 questions
0
votes
2 answers

Why is my responsive, hybrid email template breaking in iPhone 7 Native mail (only)?

iPhone 7 screenshot The iPhone 7 native email app breaks these stacking rows and doesn't show the background image. This is a hybrid build. The template appears fine in every other device. I’ve included iOS targeting in the head and webkit styles…
amo
  • 1
  • 2
0
votes
0 answers

HTML email style tags removed in Gmail iOS App

I have been running into an issue with HTML emails in Gmail stripping the style tag. The following is my example style tag in the head of the document that DOES work in Gmail in the iOS app. The text is red on desktop and green on mobile in…
stuyam
  • 9,561
  • 2
  • 21
  • 40
0
votes
2 answers

Need CSS help to stop scrolling in a with overflow

So, I have a small issue which is mainly due to tiredness and spending all day on this. I know it it is a simple thing, its just eluding me. I am building an html email slider for work and i am modifying another system to create this. I have…
Ryan Gliozzo
  • 3
  • 1
0
votes
1 answer

How to get p tags to go from a stacked position to left to right in a responsive email

I've been creating a responsive email and I've been having some issues with the Desktop/Mobile changes. I want the Desktop version to look something like this: Order Summary Shipping Address 12345 111 Broadway…
K.Camp
  • 51
  • 6
0
votes
1 answer

How to create a fluid html table that adjusts from 3x2 to 2x3 for responsive email?

I'm working on a responsive email template, and I really would like a table layout for featured products, 3x2 on desktop, 2x3 on mobile. Currently, I am using a table with cells that change to display as inline-block for mobile clients. However,…
wheel58m
  • 112
  • 2
  • 15
0
votes
2 answers

My responsive email is not supported in outlook

I am trying to making responsive html email, Which Email Will be supported to all email client. My coding is not properly supported in Outlook. I have no lots of knowledge of this work. But I have lots interest for this. For this I need helps of…
Monir
  • 1
0
votes
0 answers

HTML Emails - Align text vertically centered

I'm trying to vertically align the text in my JS fiddle so it is in the middle of the image. I want to use tables so that I can control where they align for when they stack. I know this is possible if the tables were TD's Any ideas?…
MaxwellLynn
  • 880
  • 5
  • 23
  • 46
0
votes
0 answers

Sizing fonts and fallback fonts differently?

I'm using typekit to bring in a font for my email. Obviously this does not work on all clients so I have a fallback. How can I specify font sizes and other styles for my typekit font and my fallback font? As the typekit font is slightly larger to…
panthro
  • 22,779
  • 66
  • 183
  • 324
0
votes
0 answers

Font size issue with mobile emails

I'm using Python/Flask and mandrill smtp to send out email confirmations when users share. I'm having an issue with the font-size for mobile being super small. My solution is this:
Robert Guice
  • 609
  • 1
  • 5
  • 12
0
votes
1 answer

Cannot include custom font into emails

First of all I'm sending email to number of customers that maybe gonna be like 16,000 mails and unfortunately I found issue in my custom font. I can't load it into my mail page. I tried this: With link tag in HTML
Un1xCr3w
  • 123
  • 5
  • 18
0
votes
1 answer

How to leave tag open in HAML?

I am working on responsive html email without media query and need to insert some mso condition. However, I am not sure how can I convert this into HAML?