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/10/2018
    How to Create a Net Promoter Score Survey in Pardot

    Learn how to build a net promoter score (NPS) survey directly in Pardot. I will show you how to create an NPS survey that asks the recipient to give you a score from 1 – 10 using an in-email rating that directs them to a Pardot landing page to collect more information.

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

Leave A Comment

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

About Me

Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a sales and marketing professional.

LEARN MORE

Categories
Most Commented
Popular Posts