Skip to main content

Mobile View Editing

Design emails directly in a mobile layout so you can see exactly how your message appears on smaller screens.

Updated over 2 weeks ago

Mobile View Editing provides a mobile-first workflow inside the editor. You can edit and preview your design in the same place. This helps ensure your email looks correct on phones before you send it.


Why Use Mobile View Editing?

Most email recipients open messages on mobile devices. Mobile View Editing helps you design for that experience.

Benefits include:

  • See how content stacks and flows on smaller screens.

  • Edit layouts without switching between views.

  • Catch spacing or alignment issues early.

  • Preview the exact mobile experience while editing.


Demo Video


How to Edit in Mobile View

1. Switch to Mobile View

  1. Open your email in the editor.

  2. Click the Mobile icon in the top toolbar.

Your canvas switches from desktop layout to mobile layout.

Canvas view with mobile editing view toggled.

Result: Your design resizes and stacks to mimic a phone screen.

2. Select an Element

  1. Click any text block, image, or section in the mobile canvas.

  2. Edit the content directly.

Changes update live in the mobile preview.

3. Make Your Edits

Update content directly inside the mobile layout.

Common edits include:

  • Update text content

  • Replace or adjust images

  • Modify padding or spacing

  • Adjust alignment for smaller screens

Use these adjustments to improve readability on mobile devices.

4. Switch Between Desktop and Mobile

You can compare layouts at any time.

  1. Click the Desktop or Mobile icon in the toolbar.

  2. Toggle between both views.

All edits save automatically and apply across both views.

Create tab view in Knak with red box around desktop and mobile icons by the save button

Understanding Mobile and Desktop Visibility

Some sections may only appear on mobile or desktop.

These settings come from responsive visibility controls.

If a section is hidden in one view:

  • It only appears in the view where it is enabled.

  • You must switch to the correct view to edit it.

Desktop Icon - Visible on desktop only

Mobile Icon - Visible on mobile only

Image hidden on mobile will only display in the desktop editing view

Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?