Before you get started

• Make sure you have access to the Messaging Menu

Designing your email for Mobile devices

• Alignment
• Button width
• Padding
• Spacer height
• Text size

You can locate these settings by looking for the Mobile icon in the sidebar:

Editing your email in Mobile settings

Padding

• Click on the Content or row & select the Mobile icon (in the left-hand corner)

• In the sidebar under 'Block Options' click the 'Mobile icon' 
• Enable 'More Options' to adjust the Padding for Mobile 

Text Size

• Click on the Text
• Change the Text size and Font style in the pop-up box

• In the sidebar under Content Properties, you can change the Text colour, Link Colour, and adjust the padding

Button width

• Click on the button
• In the sidebar under Content Properties, choose to realign the button and/or adjust the padding

Alignment

• Under Auto width, click Mobile to align left, centre or right

Preview the email in Mobile settings

• Click Preview
• Select Preview Email
• Switch Toggle to Mobile

Hidden Content

Maybe you've noticed some content blocks appear translucent, this means you're looking at content hidden from the type of device your design mode reflects. Hidden content will appear translucent so you can quickly identify it:

• You can hide content by clicking on the Row or Content and selecting the Mobile or Desktop icon that's next to "Hide On"

Related articles

Best practice: testing your BeeFree email

Formatting your Text in the BeeFree email builder

Definitions of Rows, Content & Settings

Still need help?

Contact us at [email protected]