Add useful information above your header
Preheader sections come in two types:
They can be used to add aside information above the fold.
The text inside will also show up in the email preview, so you can use them as attention grabbers.
The Basic Preheader is made up of two columns with text links inside. If you want, you can replace the two columns with just one (12-col.html from the grid), and use only text.
The Social Preheader is similar to the Basic one, only that it is more suited for social interaction. It uses contact information links and social media icons, and it is recommended for emails where interaction on social platforms is important.
You can easily change the looks of a preheader by changing its background, text, and optionally icons colour.