CODEWITHSUNDEEP
htmlhtml-email
user1937021
user1937021

Reputation: 10791

hide content from preview text from HTML email

I have a navigation at the top of my HTML email, but I want to hide it because otherwise it will always appear in the preview text of the email client, is there as simple to hide it only in the preview text?

Upvotes: 3

Views: 10826

Answers (1)

Ted Goas
Ted Goas

Reputation: 7577

Best way to control what preview (or preheader) text appears is to add your own directly after the opening <body> tag of the email code:

<body>
    <!-- Visually Hidden Preheader Text : BEGIN -->
    <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">
        Add your preview text here so it appears instead of your navigation text.
    </div>
    <!-- Visually Hidden Preheader Text : END -->

    ... Email Body ....

</body>

More on preheader text on Litmus.

Upvotes: 11

Related Questions