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

  • 06/12/2018
    Creating Pardot Email Templates: Common Questions & Answers

    Can my Pardot email be responsive? Why doesn’t my background image appear in Outlook? Can Pardot emails be drag & drop? I get asked these questions a lot from Pardot users and see them posted frequently in the Trailblazer Community. Let’s dive into these questions as well as other common Pardot email template questions.

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

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