Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Mobile @media for mail client

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44937
    iknowdavehouse
    Participant

    Hello,

    Has anyone had any success with tweaking their HTML emails?

    We’ve got this @media query working however it was my understanding that using the [square brackets] would mean that only mobile mail clients would see it? The media query is kicking in on mac mail too…

    @media screen and (max-width: 340px) {
    p[class=”intro”] {
    font-size: 30px !important;
    }

    p[class=”paragraph”] {
    font-size: 32px !important;
    line-height: 1.2 !important;
    }
    }

    #135876
    Paulie_D
    Member

    >using the [square brackets] would mean that only mobile mail clients would see it

    Not heard of that…do you have a source?

    http://help.campaignmonitor.com/topic.aspx?t=164

    #135878
    iknowdavehouse
    Participant

    I may well have that wrong end of the stick after reading this article…

    http://www.netmagazine.com/tutorials/build-responsive-emails

    Actually what I have does work – provisionally just a quick fix to bump up the text size for mobile however I wasn’t expecting it to re-size if I opened / scaled it in the browser.

    #135879
    Paulie_D
    Member

    A quick google leads me to believe that the reason for the square brackets (attribute selectors) is to fix a problem with Yahoo mail.

    To be honest, without seeing the code it’s hard to see what the issue might be.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.