For the "View on Mobile" option, most marketers show a simple text email formatted to a short width. It's possible to include simple HTML design that controls the font and allows for some bold text.
2. Reduce the width of all emails to no more than 550 pixels. If you look at email promotions and newsletters from leading companies, you'll notice they are slimmed down. To increase your odds that all readers will be able to see your content, compress the width of your emails. The maximum suggested width is 550 pixels, but it's even better to use a width of 485 pixels to 500 pixels.
3. Never include huge headers. The header includes your logo, navigation links and other information. Keep your header size to a minimum. The maximum size should be 110 pixels to 120 pixels. This is a best practice for all email marketers. Some companies get carried away and include a large positioning photo in the header, but all this does is push the actual content further down, making it harder for readers to see the "meat" of the message.
4. Be careful about columns and focus on the main viewing area. The days of three-column email design are over. At most, you can use a two-column design. But, if you do, put the most important information in a wider left column. Some mobile devices do not autoscale, or shrink, an email to fully display on screen, so it's likely that some recipients will not see the right-hand column and will have to scroll over to view. This takes work on their behalf. Your main content should be left and as high up as possible; only include supporting or ancillary information on the right.
Ultimately, consider using a one-column design at the top of the email where the most important information resides. Move to a two-column design after that.