Mobile Helpers

Useful classes to customize emails for mobile devices

Pine includes some CSS classes that aim to help email development for mobile devices.

Mobile Spacing

Included are spacer and divider components height resets, as well as vertical (top and bottom) padding and margin helpers.
Customize them as needed or, if you don't use them, simply remove the code for smaller file size.

Example: Mobile Spacers

Mobile Visibility

Pine includes some classes that will make it easy to show or hide elements for mobile.
Use these classes on whatever elements you have hidden for desktop through inline CSS.

Example: Mobile Visibility

Mobile Alignment

You can center an element or align its text for mobile, with these simple classes.

Example: Mobile Alignment
Theme Mountain

Current Version