Disclaimer section is cropped on my EDM mobile preview

2026-07-02T11:33:41.58+00:00

I have an EDM created on Free style editor and in HTML editor and in both situation I'm facing the same issue of getting the EDM with cropped Disclaimer on footer section of EDM. how can I solve this issue.

Outlook | Outlook for mobile | Outlook for iOS | For business

1 answer

Sort by: Most helpful
  1. Michelle-N 18,855 Reputation points Microsoft External Staff Moderator
    2026-07-02T12:52:31.9033333+00:00

    Hi @Nadia A. Majjan, Marketing & Experience

    Based on the information provided, I understand that you are designing an EDM (Email Marketing) and facing an issue where the Disclaimer text in the footer section is getting cropped or cut off. This display issue occurs consistently whether you use the Freestyle Editor or the HTML Editor.

    This behavior typically happens because the HTML/CSS framework of the footer or disclaimer is not fully optimized for mobile responsiveness, rather than a bug within the editors themselves. Since the cutting occurs in both editor environments, the underlying issue is related to how the code renders.

    Please refer the following idea:

    1. Increase the Bottom Padding (padding-bottom)

    The most common cause for clipped footers on mobile devices is the lack of a safe spacing buffer at the very bottom of the email asset. You should locate the main container cell (<td>) holding your disclaimer text and increase the bottom padding to between 30px and 60px.

    • Example Code Modification: <td style="padding: 20px 20px 50px 20px;">
    • Or apply it explicitly: <td style="padding-bottom: 50px;">

    In many cases, adding a generous padding-bottom prevents mobile email clients from abruptly cutting off the final rows of text.

    1. Remove hardcoded height constraints

    When an EDM scales down to fit mobile screens, text strings naturally wrap onto multiple lines, which dynamically increases the vertical height requirement of the footer. If you enforce a static height limit, the overflowing text will be clipped. Scan your footer container elements (<table>, <tr>, <td>, or <div>) and remove any attributes like height="xxx", style="height: xxxpx;", or max-height. Responsive email footers should never have fixed heights.

    1. Simplify custom HTML to isolate the issue

    If you are injecting custom HTML code, layout engines inside various mobile apps can render layout rules drastically differently. Temporarily replace your entire current footer with a very stripped-down, basic <table> containing only plain text and no complex CSS properties. If the clean test table displays perfectly on mobile without being cropped, you can reintroduce your original formatting elements line-by-line until you pinpoint exactly which CSS selector or structural tag is causing the layout crash. According to Microsoft guidelines, virtual simulator mockups in the design studio interface (Preview mode) do not always reflect a 100% accurate rendering of the actual delivered asset. Standard email editors provide features like Desktop/Tablet/Mobile Previews, Inbox Previews, and Test Sends for this specific reason.

    If this cropping is currently only observed within the editor's live Preview pane, utilize the Test Send feature to dispatch a live version of the email to an actual physical mobile inbox (such as the Outlook Mobile or Gmail Mobile app) to check and confirm the real-world behavior.

    Please let me know more details.


    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Was this answer helpful?

    0 comments No comments

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.