Emails: Hide Text/Images on mobile view

[Ryan_Garcia]

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.

[Jay_Jiang]

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.

[Grace_Brebner3]

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

[Jim_Thao7]

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