Hide Content on Mobile Devices

1. Optimizing for mobile.

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

A template 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.

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

3. Preview on Mobile while editing.

Use the  Show Preview and switch to Mobile to see what your 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.