Overview

In our email editor, we frequently use content blocks structured as a single section with two columns:

• Left column: Image
• Right column: Headline, Text, Button

On mobile devices, these columns stack vertically ("Wrap columns on mobile" Checkbox active). When the image is placed in the left column, the mobile rendering is correct:

1. Image
2. Headline
3. Text
4. Button

However, when the image is placed in the right column, the mobile layout stacks in the following order:

1. Headline
2. Text
3. Button
4. Image

This behavior is not ideal, as it disrupts the intended visual hierarchy and user experience. The image should always appear first on mobile, regardless of its position in the desktop layout.

Proposed Feature: “Image First on Mobile” Checkbox

We propose adding a feature to the section element in the responsive design settings:

• Checkbox label: “Image first on mobile”
• Functionality:
• Automatically applies reverse stacking when the image is in the right column
• Optionally allows manual reordering of elements in mobile view for advanced control

Rationale

• Maintains consistent visual hierarchy across devices
• Improves user experience and engagement on mobile
• Decreases double maintenance of content, right now we have two content blocks one for mobile only and one for desktop only
• Aligns with capabilities offered by other email editors (e.g., Mailchimp, ActiveCampaign)