Substack publication header on Email client (Gmail mobile)
Substack publication header header on Email client (Gmail mobile) — what gets cut off
Substack publication header renders your 1100×400px header at 393×143px on Email client (Gmail mobile). Here's what gets clipped and how to design around it.
Source size
1100 × 400px
Display size on Email client (Gmail mobile)
393 × 143px
Device type
Phone
Safe areas on Email client (Gmail mobile)
Anything inside one of these zones is hidden by Email client (Gmail mobile) UI.
No active safe areas defined yet for this device. Run a Better Header audit to detect any platform-introduced overlays.
Design tips for Substack publication header on Email client (Gmail mobile)
- •Anchor to the center. Substack publication header crops differently on Email client (Gmail mobile) than on desktop — centering keeps your headline, logo, or CTA visible everywhere.
- •Avoid the chrome. Status bar, Dynamic Island, and profile-picture overlays are fixed positions on Email client (Gmail mobile) — design around them, not under them.
- •Export at 2×. Save at 2200×800px so the image looks crisp on retina Email client (Gmail mobile) screens.
- •Audit before posting. A 90-second Better Header audit shows you exactly what gets cut off on Email client (Gmail mobile) and every other supported device.
See exactly what Email client (Gmail mobile) hides on your header
Run a paid audit and Better Header renders your design on Email client (Gmail mobile) and 3 other device profiles, with pixel-precise fix coordinates.
Refund if no device issues are found.