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

  • 24/05/2017
    8 Tips for Creating Marketo 2.0 Email Templates From Scratch

    Over the past couple of months, I have been creating email templates using the new(ish) email template syntax in Marketo and I’ve learned a couple tricks along the way. To save you from some headaches, here are 8 tips that I’ve learned from creating Marketo 2.0 email templates from scratch.

  • 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.

Leave A Comment

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

About Me

I am a results focused marketing automation expert, with a strong background in design and development. With a high level computer science background, I have the unique ability to design, code and understand data, while utilizing this skillset to further enhance my value and ROI in the digital marketing space.
LEARN MORE

Categories
Most Commented
Popular Posts