partially responsive email

Posted on 2014-07-15
Last Modified: 2014-07-16
I have created a responsive email newsletter that my organization sends out twice a month. I noticed that the newsletter appears totally responsive when viewed in a browser, but only partially responsive when viewed in the inbox. The newsletter is comprised of two independent columns that are meant to merge when viewed on a mobile and this is what happens in a browser, but they stay as two columns and only get "squished" when viewed in the email client on a mobile. Is it possible to get this part of the responsive design to work as it is meant to, in the email client as well?
Here is URL of the last newsletter:
Question by:avir
    LVL 82

    Accepted Solution

    That depends on the client and what you're trying to do.  This page shows some of the differences in CSS in different email clients:

    Author Comment

    Very helpful. What does the first row ("Responsive") refer to? Media queries?
    LVL 82

    Expert Comment

    by:Dave Baldwin
    Probably.  In addition, no email clients that I know of support javascript at all so any 'responsiveness' that is generated by javascript won't work in them.

    Featured Post

    Highfive + Dolby Voice = No More Audio Complaints!

    Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

    Join & Write a Comment

    Email signatures have numerous marketing benefits. Here are 8 top reasons to turn your email signature into a marketing channel.
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    754 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    23 Experts available now in Live!

    Get 1:1 Help Now