New message · free feature
Create an email signature that stays readable on phones: single-column layout, 13px+ fonts, and tappable phone links. Free generator, no account.
Create your signatureRe: What it is
Responsive web techniques mostly do not survive email. Media queries are removed by many clients, CSS classes get stripped, and flexible layouts collapse unpredictably. So a mobile-friendly signature is not responsive; it is small-screen-first. Concretely that means one column instead of side-by-side blocks, a total width well under the 600px maximum, body text no smaller than 13 pixels, generous line spacing, a tel: link on the phone number so a thumb tap starts a call, and images with explicit width attributes so nothing overflows the viewport. A signature built to those rules needs no adaptation, because it already fits.
Re: How it works
Step 1
Open BrandFooter's free generator and pick a compact, single-column template. Stacked layouts hold their shape on a 375px phone screen, where multi-column designs wrap or shrink.
Step 2
Enter your name, title, and contact info. Keep fonts at 13px or larger and let the generator wrap your phone number in a tel: link so recipients can tap to call.
Step 3
Review the live preview and imagine it 360 pixels wide. If any line of text feels long or any image feels large, trim it now rather than after the rollout.
Step 4
Click Copy HTML, paste it into your email client's signature settings, and send yourself a message. Open it on your phone: everything should be legible and tappable without zooming.
Re: Why it works
Key benefits of adding a mobile-friendly layout to your email signature.
Re: Doing it well
Best practices to get the most out of this feature.
Re: Common questions
Common questions about a mobile-friendly layout in email signatures.
Usually the layout is too wide or depends on CSS that mobile clients remove. Multi-column tables get squeezed, media queries are stripped by the Gmail app, and images without fixed widths scale unpredictably. Rebuilding as a narrow single-column table with explicit image sizes fixes all three at once.
Not reliably. The Gmail app, many Android clients, and several webmail services strip style blocks entirely, and media queries only live in style blocks. A signature that needs them will break exactly where most of your recipients read email. Design one narrow layout that works everywhere instead.
Keep the content roughly 320 to 450 pixels wide, comfortably under the 600px ceiling for email. That range fits a portrait phone viewport without horizontal scrolling and still looks proportioned on desktop. Narrower is almost always safer than wider.
You wrap the phone number in a standard anchor whose href starts with tel: followed by the number in international format. Smartphones open the dialer with the number ready when tapped. Desktop clients treat it as an ordinary link and nothing bad happens, so there is no downside to including it.
Only when they lack fixed dimensions or weigh too much. Give each image an explicit pixel width, keep files under 200KB, and host them on HTTPS URLs. A 90px logo exported at 180px for retina screens loads fast on cellular and renders sharply on every device.
Fwd: Worth a look
email signature on iPhone
Add and customize your email signature on iPhone and iPad using the Mail app, Gmail, or Outlook for iOS.
phone email signature
A mobile email signature is what appears under messages sent from your phone, set separately per app and best kept short and narrow.
email signature for dark mode
Design an email signature that survives dark mode. See how Gmail and Outlook shift colors, and keep your logo and text readable either way. Free tool.
email signature with banner
Add a clickable promotional banner to your email signature to drive clicks to your latest offer, event, or content.
add a booking link to your email signature
Add a Calendly or booking link to your email signature so anyone can schedule a meeting in one click. Free generator, no account required.
confidentiality notice in your email signature
Add a confidentiality notice or legal disclaimer below your email signature. Small, muted, consistent across the whole team. Free generator included.
Create a compact, mobile-first email signature with our free generator. Tappable phone links, legible fonts, and HTML that renders cleanly in Gmail, Outlook, and Apple Mail.
Create your signature