Hiding email content on mobile devices

Optimizing for mobile

Mobile design is not only about the layout responsiveness, but also about having the appropriate content in the right context.

An email that may yield excellent results on desktop screens may not work as well when the user needs to scroll on his mobile device to reach the call to action. 

The best way to solve this challenge is to hide unnecessary design and/or content elements when the message displays on mobile devices.

Content block options

When this feature is turned on, all content blocks in the Content Designer will include a new "Hide on mobile" setting in the property panel. To use it, simply scroll down in the right panel until you see the "Block options" section, as shown below here.

Preview on Mobile while editing

Use the Show Preview and switch to Mobile to see what your email template will look like on a mobile device. Adjust your content to look its best as you go. You will see that as you toggle between Desktop and Mobile the content blocks for which "Hide on mobile" has been turned on will not be shown.