Help articles

CATEGORY: Help ArticlesDesigns

Smart Editor: Optimising your design for mobile

Smart Editor: Optimising your design for mobile

You can use Mobile Formatting menu to configure displaying on mobiles. The settings of this section are only used to configure emails displaying on mobile devices.

You can set the font size for header, content, footer, info area, text size for block menu, headers H1, H2, H3, and their horizontal alignment.

You can also set text size for the buttons and enable their full width display and set email content margin.

optimise your design for mobile

You can also add margins around the email for the mobile version.

You can use options such as "Hide" element for mobile or desktop to choose which devices elements are display.

hide elements on desktop or mobile

And align any block in the container for the mobile version. To do that, select the desired block, and click on the mobile icon in settings.

set element alignment specifically for mobile

You can adjust the padding for any block/container/structure for mobile display, simply click on the mobile icon and set the padding.

The default values for the desktop version of emails/templates are used for mobile view. So if you are not going to use the same padding or text/image/button alignment, click on the "Mobile" icon and set the padding/alignment you require. 

set specific padding for mobile

You can also disable the "Responsive structure" option for structures with 2 or more containers. In this case, you will see containers located in one row on mobile devices.

disable the 'Responsive structure' option

Please be careful with this option, if one of the containers contains a large non-responsive image or large font size for the text, the recipient may need to do a horizontal scroll, which is not a great user experience. 

Don’t forget that you can preview your campaign in either desktop or mobile view so that you can preview the changes you have made and see the differences between the two renderings that you have implemented.

Free email marketing healthcheck - icon

Email marketing healthcheck

We are confident that we can help you, which is why we offer a free healthcheck to identify potential issues with your current programme and free advice on things that could be done to improve it.

Get started