How to Customize Your Mobile and Desktop Layout in Email Campaigns

David Giali

Updated

In the Email Visual Editor,  you have the ability to change the layout of your email based on the device your contacts are using to view your email.


In this article:


Previewing your email on different devices

At the top of the Email Editor page, you can choose which device you would like to view the email in as you edit:


Editing the desktop layout

To edit the Desktop Layout:

  • In the sidebar, click a section.
  • Locate the Section Settings header and click Desktop Layout.
  • Customize the layout to the section.
  • Click Save to keep your changes.

Desktop layout

Customize your desktop layout by configuring the following features:

  • Hide Section: This feature allows you to hide a specific section in the desktop view.
  • Desktop Section Padding: Adjusting the padding shifts the content within the section to your desired appearance.
  • Width: Adjust the width of the section. Use the format 540px or simply 540 to specify your desired width:


Editing the mobile layout

To edit Mobile Layout:

  • In the sidebar, click a section.
  • Locate the Section Settings header and click Mobile Layout.
  • Customize the layout to the section.
  • Click Save to keep your changes.

Mobile Layout

Note:
The Email Visual Editor is designed to arrange itself in a vertically stacked layout for optimal viewing on mobile devices. Optimize your mobile viewing experience by editing the mobile layout in your Visual Editor Settings and for each section.
  • Hide Section: This feature allows you to hide a specific section in the mobile view.
  • Mobile Section Padding: Adjusting the padding within a section shifts the section to your desired appearance:

And that's how to customize your Mobile and Desktop Layout in Email Campaigns! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!

Did you find this article helpful?

Need more help?

Contact Us