# Preview Text + Header Breakpoint

**URL:** https://forum.mautic.org/t/preview-text-header-breakpoint/27219
**Category:** Product Support
**Created:** [March 1, 2023, 8:48pm UTC](https://forum.mautic.org/t/preview-text-header-breakpoint/27219 "2023-03-01T20:48:15Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![gabze](https://avatars.discourse-cdn.com/v4/letter/g/82dd89/32.png) [@gabze](https://forum.mautic.org/u/gabze)
#### Post date: [March 1, 2023, 8:48pm UTC](https://forum.mautic.org/t/preview-text-header-breakpoint/27219/1 "2023-03-01T20:48:15Z")

</div>

Hi there!

I’m new here on Mautic and in mjml/html 🥲 and I need a little help on the code.

I need to add in all my e-mails the preview text (pre-header) and also use a breakpoint of 320px for my header. If I don’t use it, it gets messy and not mobile responsive.

I know that for add preview, I need to use this: [Documentation for MJML - The Responsive Email Framework](https://documentation.mjml.io/#mj-preview)

And I know that for add the breakpoint, I need to use this: [Documentation for MJML - The Responsive Email Framework](https://documentation.mjml.io/#mj-breakpoint)

But I don’t know how to put it together 😪  
Anyone?

I try to do this, but obviously, didn’t worked:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/7/7a377e2a37abb1d334faf3c8a16f46a76cd3d0d7.png)