How To Show Email Content On Mobile Devices Only

In:

Showing email content on mobile devices only isn’t as easy as applying “display:none” to the element, it requires a lot more code. Using this technique you can choose what you show on elements ONLY on mobile devices.

The CSS

Use this CSS in the HEAD section of your HTML file. This will show the element on PHONES ONLY. Notice how almost every property is overridden by !important. This is important!

The HTML

Next add the class(“mobshow”), which was just created above, to the HTML element you want to hide on desktop email clients. Also, add the style property with these attributes.

Supported Email Clients

This technique is supported in all the major desktop based, mobile based, and web based email clients. The only exception is Lotus Notes 6.5 and Lotus Notes 7

Questions?

Email me, or send me a tweet @jennamolby.

Related Posts

  • 03/10/2016
    How to Create Marketo 2.0 Email Templates

    The new Marketo email editor allows for more customizations than ever before. You now have the ability to create modules, color pickers, number variables and more, but your email templates need to follow the email template 2.0 syntax in order to take advantage of these features. In this tutorial, I’ll show you how to create a Marketo 2.0 friendly template and how to turn your existing 1.0 email templates to 2.0 email templates.






  • 06/07/2016
    10 Things You Should Know About The New Marketo Email Editor

    Marketo recently rolled out a new email editor, also referred to as the Email Editor 2.0, for their Spring ’16 release. This highly anticipated feature allows for a better experience when editing and creating emails within Marketo. However, there are a couple things you should know before enabling the new email editor. Here are 10 things you should know about the new Marketo email editor.






  • 01/06/2016
    How to Localize a Date Field in Marketo Using a Velocity Script

    Earlier this month I was given the task of localizing the date formatting within a Marketo email. The email referenced a date field within Marketo that was formatted as yyyy-mm-dd. The issue was that it was a global email, sent out to different countries who do not format the date as yyyy-mm-dd. To fix this issue I created a simple velocity script to transform the date value into something that’s recognized within each country. Here’s a breakdown of how I did it and how you can implement something similar in your Marketo instance.






Leave A Comment

Your email address will not be published. Required fields are marked *

About Me

I’m a Marketo & Pardot expert with a strong background in design and development. I specialize in email marketing, lead nurturing and CRM integrations for marketing and sales alignment. LEARN MORE

Categories
Most Commented
Popular Posts