Here is a failure mode that almost never shows up in a desktop preview and quietly costs you conversions on the majority of your traffic: your hero testimonial looks perfect on a laptop, sitting neatly beside your headline and your call-to-action — and on a phone it stacks above the button, pushing your primary CTA a full thumb-scroll below the fold. Most of your visitors are on mobile. Most of them never scroll past the first screen before deciding whether to act. So a layout that reads as "trust, then action" on desktop becomes "trust, then nothing" on the device that matters most.
This is a layout problem, not a social-proof problem. You do not have to choose between showing proof and showing your button. You have to stop letting the proof consume the vertical space the button needs.
Why this happens
Desktop and mobile lay out the same components differently. On a wide screen, your headline, subhead, testimonial, and CTA can sit in a two-column arrangement — copy and button on the left, testimonial card on the right — so all four share the same vertical band. Everything is above the fold because the fold is wide, not tall.
On a phone, every one of those components collapses into a single column and stacks vertically. Now vertical space is the only currency you have, and a mobile viewport gives you roughly 600 to 700 pixels before the fold. A headline, a two-line subhead, a testimonial card with a photo and a three-sentence quote, and then a button is easily 900 pixels of stacked content. The button loses.
The testimonial did not get bigger. The layout stopped letting it sit beside anything.
The core principle: the CTA earns its place first
On mobile, order your first screen around a single rule — the button must be visible without scrolling, and everything above it must justify the space it takes. That reframes the question from "where do I put the testimonial" to "how little proof do I need above the button, and where does the rest go."
For most landing pages the above-the-fold mobile stack should be: headline, one-line subhead, CTA, and at most a single compressed proof element. Everything else — the full testimonial, the logo wall, the secondary quotes — lives immediately below the fold, where it catches the visitor the moment they scroll, which they will if the first screen did its job.
Five ways to keep both visible
1. Move the full testimonial below the CTA, and leave a proof crumb above it. The strongest pattern: button first, full testimonial card second, but a one-line proof "crumb" sits above the button — a rating, a customer count, or a five-word quote fragment. "Cut our onboarding in half." — 4,000+ teams costs you 40 pixels, not 300, and still front-loads trust. The persuasive, attributed, photo-bearing version of that quote does its work one scroll down.
2. Compress the card to a single line above the fold. If you insist on a real quote above the button, strip it to its shortest defensible form: one sentence, a name, a company. No photo, no logo, no multi-line setup. A 2-to-5-sentence testimonial belongs below the fold; above it, you want the shortest form that still reads as real. Our guide on how long a testimonial should be covers where the credibility floor actually sits.
3. Use a rating summary instead of a full quote. A star rating with a review count (4.8 ★ from 300 reviews) is the most space-efficient proof element that exists. It occupies one line, needs no photo, and answers "is this real?" instantly. Put the full testimonials below, where readers who want depth will find them.
4. Do not autoplay a carousel above the fold. A testimonial carousel above the button is doubly bad on mobile: it takes the full card height and it moves, pulling the eye away from the CTA at the exact moment you want attention on the button. If you use a rotating set, put it below the fold. The tradeoffs there are covered in how to display testimonials on a mobile screen without losing impact.
5. Test the fold on a real device, not a resized desktop window. Chrome's device emulator is close but not exact — browser chrome, the URL bar, and the home indicator all eat vertical space that a desktop preview ignores. Load the page on an actual mid-range phone and confirm the button is visible before any scroll. This one check catches the problem that every desktop review misses.
How many testimonials belong on the first screen? Usually zero full ones
The instinct is to lead with proof. On mobile, lead with the offer and the button, and let proof arrive on scroll. A visitor who sees a clear headline and a clear action will scroll to find the proof; a visitor who has to scroll past proof to find the action often just leaves. This inverts the desktop intuition, and it is why "how many testimonials go above the fold" has a different answer per device. We work through the count question in how many testimonials a landing page actually needs — and the short version for mobile above-the-fold is: one compressed crumb, not a card.
Where the deeper proof goes
Pushing full testimonials below the fold is not demoting them — it is placing them where they do their real job. The first screen's job is to keep a stranger reading; the testimonial's job is to build trust once they are. That division of labor is the same one that separates a testimonial from a case study, which we cover in case study vs. testimonial. On mobile the division just becomes vertical: crumb above the fold, full proof below it, button always visible.
The one-line checklist
Before you ship a mobile landing page, load it on a real phone and confirm: the headline, a one-line subhead, one proof crumb, and the CTA are all visible without scrolling — and the full, attributed, photo-bearing testimonial appears the instant you scroll once. If the button is below the fold because a testimonial card sits above it, you have traded your most important conversion element for proof you could have shown 300 pixels lower at no cost. Move the card down. Keep the button up.