{"id":4900,"date":"2026-06-18T12:58:57","date_gmt":"2026-06-18T10:58:57","guid":{"rendered":"https:\/\/guides.heyloyalty.com\/help\/how-to-set-up-mobile-optimization-on-your-template\/"},"modified":"2026-06-18T13:02:57","modified_gmt":"2026-06-18T11:02:57","slug":"how-to-set-up-mobile-optimization-on-your-template","status":"publish","type":"ht_kb","link":"https:\/\/guides.heyloyalty.com\/en\/help\/how-to-set-up-mobile-optimization-on-your-template\/","title":{"rendered":"How to Set Up Mobile Optimization on Your Template"},"content":{"rendered":"<div class=\"wp-block-post-date__modified-date wp-block-post-date\"><time datetime=\"2026-06-18T13:02:57+02:00\">18. June 2026<\/time><\/div>\n\n\n<p class=\"wp-block-paragraph\">With mobile optimization, your template automatically adapts the content to smaller screens, ensuring that text remains readable and images don\u2019t become blurry. In this guide, you\u2019ll learn how to enable mobile optimization on the default template, see the difference between the desktop and mobile versions, and test your newsletter properly. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Enable mobile optimization<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <strong>Step 2<\/strong> of your campaign and click <strong>Settings<\/strong> \u2192 <strong>Mobile Optimization<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3442eccc6b7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3442eccc6b7\" class=\"wp-block-image size-large wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"504\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-1024x504.png\" alt=\"\" class=\"wp-image-4910\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-1024x504.png 1024w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-300x148.png 300w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-768x378.png 768w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-50x25.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-1536x756.png 1536w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-60x30.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings-100x49.png 100w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Mobile-optimization-settings.png 1954w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When mobile optimization is enabled, the template automatically adapts the content to small screens. This ensures that: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The text remains legible<\/li>\n\n\n\n<li>Images should not be scaled down so much that the message becomes unclear<\/li>\n\n\n\n<li>The frames in your template work correctly on mobile devices<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info wp-block-paragraph\"><strong>Note:<\/strong> The mobile-optimized design takes effect on screens smaller than 480 px. On larger screens\u2014such as tablets\u2014the content is not mobile-optimized. If you\u2019d like this feature, you may want to consider a custom template.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you notice that the content appears very small, it\u2019s because some of the content in your email is wider than 480 px. You\u2019ll need to adjust this in Step 2. Most often, it\u2019s the width of an image or cells that exceeds 480 px.   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile layout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Rows with multiple cells will <strong> be &#8220;stacked&#8221;<\/strong> on top of each other. It doesn\u2019t matter whether a row contains 2, 3, 4, 5, or 6 cells.<br>In other words: If you have two blocks next to each other on the desktop version (large screen), they will be placed one above the other on mobile: <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3442eccd4cc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3442eccd4cc\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"988\" height=\"663\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View.png\" alt=\"\" class=\"wp-image-4906\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View.png 988w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View-300x201.png 300w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View-768x515.png 768w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View-50x34.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View-60x40.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Layout-View-100x67.png 100w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to change this order, please read the section below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile Optimization and Sort Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;ve split your row into multiple cells, you can choose how many cells to display per row on mobile devices. To do this, go to <strong>Row Settings<\/strong>. Under <strong>Mobile Optimization<\/strong>, you can select how many cells to display at a time.  <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3442eccdaf4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3442eccdaf4\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"504\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-1024x504.png\" alt=\"\" class=\"wp-image-4909\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-1024x504.png 1024w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-300x148.png 300w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-768x378.png 768w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-50x25.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-1536x756.png 1536w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-60x30.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1-100x49.png 100w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Cells-per-row-1.png 1954w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Row Settings<\/strong>, you can also choose whether the cells should be displayed in reverse order on mobile devices. This means that the last cell in the row will appear first on mobile devices. This setting may be useful if you have two consecutive rows with text and an image, where the layout needs to make more sense on mobile devices. We recommend that you test this setting and see how the layout appears in <strong>Step 3<\/strong>.   <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3442eccec73&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3442eccec73\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-1024x504.png\" alt=\"\" class=\"wp-image-4911\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-1024x504.png 1024w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-300x148.png 300w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-768x378.png 768w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-50x25.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-1536x756.png 1536w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-60x30.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1-100x49.png 100w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Reverse-mobil-view-1.png 1954w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hide cell on mobile<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can also hide a cell on mobile devices, in which case it will only be visible on desktop devices. To hide the row, go to <strong>Cell Settings. <\/strong>There <strong>,<\/strong> <strong>find <\/strong>the <strong>Hide cell on mobile<\/strong> setting <strong>.<\/strong> Set<strong> <\/strong>the setting to &#8221; <strong>Hide<\/strong>.&#8221;<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3442eccf7b1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3442eccf7b1\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-1024x504.png\" alt=\"\" class=\"wp-image-4912\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-1024x504.png 1024w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-300x148.png 300w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-768x378.png 768w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-50x25.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-1536x756.png 1536w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-60x30.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile-100x49.png 100w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/06\/Hide-cells-on-mobile.png 1954w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to hide an entire row on your phone, go to <strong>the cell settings<\/strong> for each cell and set the option to <strong>Hide<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ready to send mobile-friendly newsletters<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You have now learned how to enable mobile optimization, choose the number of cells per row, understand how content is stacked on mobile devices, and test your newsletter. We always recommend that you test your newsletter on a mobile device so you can see if the content displays as expected. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the mobile optimization settings, you can ensure that your recipients have a great experience, whether they open the email on a desktop or a mobile device. Get started optimizing your next newsletter now and see the difference for yourself. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>With mobile optimization, your template automatically adapts the content to smaller screens, ensuring that text remains readable and images don\u2019t become blurry. In this guide, you\u2019ll learn how to enable mobile optimization on the default template, see the difference between the desktop and mobile versions, and test your newsletter properly&#8230;.<\/p>\n","protected":false},"author":7,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[67,68,65,64],"ht-kb-tag":[],"class_list":["post-4900","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-automations","ht_kb_category-automationsflow","ht_kb_category-campaigns","ht_kb_category-setup-and-introduction"],"_links":{"self":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb\/4900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/comments?post=4900"}],"version-history":[{"count":3,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb\/4900\/revisions"}],"predecessor-version":[{"id":4913,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb\/4900\/revisions\/4913"}],"wp:attachment":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/media?parent=4900"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=4900"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=4900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}