Edit the Mobile version of your newsletter

Our Campaign Editor allows you to work on both the desktop and mobile versions of your newsletter. This way, you can ensure that your campaign always looks perfect, no matter what device your visitors are using to view it.

The Campaign Editor consists of two views: the Desktop Newsletter view and the Mobile Newsletter view. The Campaign Editor is set by default to the Desktop Newsletter view.


A. Editing the Mobile version of your newsletter
To edit the Mobile version of your newsletter, switch to the Mobile Newsletter view by clicking the Mobile Newsletter button located towards the top of your Editor page.edit_mobile_version_of_newsletter_1.png


Your view will now look like this:edit_mobile_version_of_newsletter_2.png


You can now go ahead and edit the Mobile version of your newsletter. Please note that any changes you make will be applied only to the mobile version of your newsletter - they will not affect the desktop version at all.

However, we found that some devices will ignore the changes made on the mobile version.
These are the following: 

  • Many Android email client versions, including Samsung Mail, will ignore changes made on the Mobile Version.
  • Changing the background color of the mobile version will be ignored on the Gmail mobile app.
  • Gmail has been found to ignore all changes in case too many differences are applied

Rest assured that in the above cases, the desktop version will be applied instead.


B. Editing the Structures and Elements of your Mobile newsletter

Clicking on each Element or Structure of your Mobile newsletter displays their settings on the left side of your Editor page, allowing you to edit each one separately.edit_mobile_version_of_newsletter_3.png

In the example above, the element being edited is one of the Text elements contained within the campaign design.

C. Reverting changes

The Mobile Newsletter view allows you to quickly and easily revert any changes you make to the mobile version of your newsletter.

1. Revert overall changes while in General Settings.edit_mobile_version_of_newsletter_new_4.png

You have the following options:

  • Revert All Changes
    This option will revert all changes made to the mobile version.

  • Revert General Settings
    This option will revert all changes made on the General Settings of the mobile version.

  • Revert Row Orders
    This option will revert the order of the rows, in case you changed them. 

  • Revert Row Settings 
    This option will revert any changes made on the Row Settings.

2. Revert changes to a specific element by clicking on that element to open its settings.edit_mobile_version_of_newsletter_5.png


D. Cascading blocks

The Mobile Newsletter view allows you the option of displaying the slots of a row vertically, to ensure that your design will always look perfect, even if it is being viewed on a small screen.

1. To enable vertical slot display, scroll down your General settings and click on the button with the three vertical dots.edit_mobile_version_of_newsletter_6.png

2. To switch to horizontal slot display, scroll down General settings and click on the button with the three horizontal dots.edit_mobile_version_of_newsletter_7.png

Note that the above options, whether you choose vertical or horizontal display, will change the display of slots for the entirety of your newsletter. Alternatively, you also have the option of changing the slot cascading within any single container, through that specific container's settings.

Also note that in order for the slots to be displayed vertically, the email client needs to support the use of media queries. The email clients who support media queries are: