How do I hide content on mobile or desktop? (Modern Editor)

Adjust which content displays on mobile versus desktop in your Modern Editor email design. For example, consider hiding a long navigation bar, menus, or right/left aligned images that aren't needed for the mobile view. Any block in your email can be hidden on mobile.


Topics covered in this article:

Hide content on mobile or desktop view

Hide selective text on mobile

Notification about hidden blocks

Not seeing this option? Update your code

 

 

Hide content on mobile or desktop view

Easily hide content on mobile or desktop in your Modern Editor email.

You can also hide any content block in your Modern Editor email design. Just click on the content block and adjust the visibility options by checking the box for hide on mobile.

 

 

Use the slider bar to watch your email update to the mobile view to see how the content hides on mobile.


 

 

 

Hide selective text on mobile

In text block areas you can select a section of text and apply a 'mobile-hide' class to hide the content on mobile. You can also click on an image in a text area and add a class of 'mobile-hide'.

 

1. Open your email in Modern Editor.

2. Select any text block from your email preview panel.

3. Highlight the text or double click on the image you would like to high on mobile and apply the 'mobile-hide' class.

You can select 'mobile-hide' from the class dropdown or type 'mobile-hide' into this field.

 

 

 

Notification about hidden blocks

Once a block is hidden in Modern Editor a yellow notification will appear at the bottom of the screen to indicate hidden elements.

 

 

 

Not seeing this option? Update your code

 

Beta versions of Modern Editor code will not have hide on mobile or hide on desktop. Learn how to upgrade your email code for this feature.

 

 

 

Have more questions? Submit a request
Powered by Zendesk