How do I make my emails look great on mobile on Tekmatix?

More clicks from phone readers. A full-width button that's easy to tap gets tapped. A tiny one squeezed in the corner often doesn't.

You don't have to compromise. Before, you had to pick a design that was "good enough" on both screens. Now each one can look the way it should.

Your brand looks professional everywhere. Emails that look broken on a phone make a business look careless. Tidy mobile emails build trust.

Your old emails are safe. Existing campaigns and templates keep their current look unless you change their mobile styles, so nothing breaks overnight.

• An email campaign or template built in the Tekmatix Email Builder. Get the desktop version looking right first.
• Your phone handy, so you can send yourself a test and see the real thing.
• A quick idea of what bothers you on mobile, such as gaps that are too big, a button that's too small or an image that's too wide.

1. Open your emailGo to Marketing, then Emails, and create or open a campaign or template in the Design Editor.
2. Select what you want to changeClick a section, or a supported element like a button, image or social icons block.
3. Open Style and switch to MobileOpen Style and use the device selector next to the setting you want to change. Choose Mobile. If an override needs switching on for that setting, switch it on.
4. Adjust the valuesChange the mobile values, for example less padding, a full-width button or a smaller image. Watch the mobile preview as you go.
5. Check desktop hasn't movedSwitch back to Desktop and check your desktop design still looks the same.
6. Preview both versionsSave, click the eye icon to open Preview, and switch between Desktop and Mobile to review both.
7. Send yourself a testSend a test email from the Preview menu and open it on your phone. That's the best check of what your readers will see.

• Mobile text sizes. To change font size, line height and alignment for your default text styles on mobile, go to Appearance, then Mobile Formatting.
• Formatting is not the same as visibility. Mobile formatting changes how something looks. Device visibility controls whether it shows at all. If you want a block to appear only on desktop or only on mobile, use the visibility settings instead.
• Controls vary by element. If you can't see a device selector next to a setting, that setting doesn't have a separate mobile value.

• Faster first load. The email tools load up to 7 times faster on a first visit. Campaigns, templates and statistics can still take a moment to load, depending on your connection and device.
• Faster when you come back. Reopening the builder or returning to Email Marketing reuses what's already loaded.
• Easier to find campaigns. The Campaigns tab has filters, sorting, and list or grid views.
• Settings behind the gear icon. Your email configuration settings open from the gear icon.

1. Make every main button full width on mobile. Your call to action becomes a big, easy target for thumbs, without making it look oversized on desktop.
2. Close up the gaps. Generous padding looks elegant on desktop and wasteful on a phone. Trim section padding on mobile so readers get to your message faster.
3. Shrink your header logo on mobile. A big logo pushes your opening line below the fold on a phone. Make it smaller on mobile, with the aspect ratio locked so it doesn't stretch.
4. Sort out your master template once. Set the mobile styles on your master email template, so every new email you build from it starts mobile-ready.
5. Tidy your sign-off. Social icons often wrap or crowd on mobile. Shrink them and adjust the spacing so your footer looks tidy on every screen.