Modifying a layout block for the mobile version

To make your design more suitable for mobile users, you may want to make some changes to the layout. You can do this in the Smartphone view without affecting your main design.

To get started, head to the Smartphone view:

When you first make changes to your mobile design in the Smartphone view (for example, by resizing a layout block), a popup window will appear:

By clicking on “Separate”, you will detach the mobile version of your design from the desktop version. Any changes you go on to make will only be applied to the mobile version. This will be indicated on layout blocks by the “Mobile Modified” label:

If you decide you no longer want to have two separate designs, you can revert your mobile design back to the original by going to “Edit” > “Reset design to desktop version.” This will undo all of the changes you have made in the mobile version.

Search through the manual

A Quick Tour of Mail Designer 365
Advanced Design Techniques
  • Articles coming soon
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Blend Modes
Creative Tools
Exporting a Design to Campaign Monitor
Exporting a Design to Mailchimp
  • Articles coming soon
Graphics and Other Objects
HTML Export
Image Areas
  • Articles coming soon
Layout Blocks
Optimizing your Template for Mobile
  • Articles coming soon
Plain Text
Preparing your Design for Sending
Preview your Design
Send via Mail Designer 365
Sharing your Designs
Text Styles
The Inbox View
Using Retina Images with your Design
Working with Links and Buttons
Working with Text