Skip to main content
Ryan_Garcia
Ryan_Garcia
Level 2
June 1, 2018
Question

Emails: Hide Text/Images on mobile view

  • June 1, 2018
  • 3 replies
  • 2807 views

Is it possible to hide and/or show text/images when viewed on mobile and display the text/images when viewed on desktop? I know for websites you can use the code: <div class="hidden-xs"> <div class="visible-xs">.  I tried modifying the template code and keep failing miserably.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

Jim_Thao7
Jim_Thao7
Level 8
June 4, 2018

Did you build those classes into your media queries to display:none ?

Grace_Brebner3
Grace_Brebner3
Level 10
June 4, 2018

Hey Ryan,

To Jim's point, the reason those classes work on websites is because they refer to css which applies display:none on specific media queries. You'll need to have an equivalent class in your email template to enable this functionality - if you're comfortable with code you can probably find this, but otherwise best to chat with a developer (or share your template code here).

Jay_Jiang
Jay_Jiang
Level 10
June 5, 2018

Adding on to the above replies, you won't get it working across all email clients. Some email clients ignore media queries, some ignore <style> tags all together and only read inline style.

Terms & ConditionsAccessibility statement

Loading footer...