After following the tips given here, the preheader still displays extraneous, unappealing characters unless the preheader contains more than 228 characters with spaces (194 without).
This is the code I used beneath the opening body tag:
<tr>
<td align="center" valign="top" ><span class="acr-preheader" style="display:none !important; visibility:hidden; mso-hide:all; opacity:0; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></td>
</tr>
The span class and style values are taken from the Design Editor after I entered the placeholder texts in the preheader field. I also tried without using <span> and applying those class and style values directly in the <td>, but neither worked.
Because it's less than 228 characters with space, it's showing a bunch of gibberish characters (from the HTML) that I don't want readers to see. How can we get rid of them? We've been using at least 10-15 lines of repeated ‌ immediately after the preheader texts, and that worked for a while, but ACS began throwing errors lately. Please advise!
Thanks. (We use ACS.)