How columns are displayed on mobile devices: using the "Do not stack on mobile" setting

Typically, the content of an email is organised in multiple columns. When viewed on a mobile device, these columns can become very narrow and cause a poor viewing experience. In order to ensure a better experience when viewing emails on mobile devices, our editor generates html code that stacks the columns vertically. In this way, the content is organised in such a way that zooming is unnecessary and scrolling is done simply by dragging with your finger.  

Desktop vs Mobile

Vertical stacking is supported by most mobile email servers. However, in some cases the desktop version will be displayed. This happens when a client lacks support for standard CSS.

You don't always have to stack vertically

Although it usually helps, there are cases where vertical stacking of columns may not lead to an optimal result.

A common scenario is to use a row to display a navigation bar with text links or icons. In that scenario, as shown below, a vertical layout could create too much empty space, hide important elements of the message or give too much visibility at the top of the email to the content.

Changing the default behaviour

With the introduction of the "do not stack on mobile" row feature, the editor's users will be able to decide when to ignore this default behaviour and prevent vertical stacking of columns on mobile devices.

The option is available in the right-hand panel as a row property, disabled by default.

"Do not stack" and best practices for email design

Best practice in email design recommends careful use of this option. Including a vertical plane makes sense in most cases. But, as always, when and how to use this feature is up to you and your creativity.