Always make your text and images using inline construction. On the iPhone (and other mobile devices that use WebKit) text is upsized a lot to account for the tiny screen size. If you have built your layout using the traditional “draw things where you expect to see them” technique that Freeway spoils you with, then you will most likely get a rude surprise when that enlarged text overlaps your graphics (which are not affected by font size changes). In contrast, if you have created your layout in the inline style (images and HTML boxes inserted into parent HTML boxes, alongside text) then you will get a layout which “flexes” with the font changes.
A good way to preview if you’ve got this right using your desktop browser is to turn on the “Scale Text Only” feature in the View menu, then use the browser’s text zoom control to enlarge the font a couple of clicks. When the images and other page elements scoot out of the way as the text gets larger, you will have done what you need to do.
On Apr 10, 2014, at 1:42 PM, AW wrote:
When I create an email it looks great except on my phone. The text and the image overlaps. Is there an action item or something that I can do to prevent this from happening?