Above the fold means the part of a web page visible without scrolling, the first screen a visitor sees when the page loads. To convert, the area above the fold should make clear what you offer, who it is for, and what to do next, using a headline, a supporting subhead, a primary call to action, and at least one proof element. It is the most valuable real estate on any landing page because most visitors decide there whether to stay.
The term comes from newspapers, where the top half of the folded page had to sell the paper. On the web the "fold" is not a fixed line; it shifts with screen size, so the practical question is what a first-time visitor sees before scrolling on their device.
What belongs above the fold
A high-converting first screen orients the visitor fast. Include these elements, in roughly this priority.
- A clear, outcome-led headline. State the result the visitor wants in plain language. This does more work than any other element. The headline analyzer scores how direct yours reads.
- A supporting subhead. One or two lines that add specifics: who it is for, how it works, or the concrete benefit. The subhead earns the scroll.
- A primary call to action. One clear next step, phrased as a verb, high contrast, easy to reach. Not three competing buttons.
- A proof or trust signal. A logo strip, a rating, a short testimonial, or a specific number reduces doubt before it forms.
- A relevant visual. A screenshot or image that shows the product or the outcome, not a generic stock photo that adds nothing.
The mobile fold is shorter than you think
On a phone, the visible area is small and often partly consumed by browser chrome. That means a hero image and a big headline can push the call to action and any proof entirely below the fold. Design the mobile first screen deliberately: tighten the headline, shrink or reposition the visual, and make sure the primary action is reachable in the thumb zone without scrolling. Since most traffic is mobile, this is the version that usually matters most, and it connects directly to CTA button placement.
| Element | Desktop fold | Mobile fold |
|---|---|---|
| Headline | Full, prominent | Tightened, still first |
| Subhead | One to two lines | One line if space is tight |
| Primary CTA | Visible, high contrast | In the thumb zone, reachable |
| Proof | Logo strip or rating | One compact signal |
Common myths about the fold
A few beliefs about the fold persist despite being wrong or oversimplified.
Myth: nobody scrolls, so cram everything above the fold
People do scroll when the top screen convinces them there is more worth seeing. Overstuffing the fold creates clutter that converts worse than a clean first screen that earns the scroll. The fold's job is to orient and invite, not to contain the whole pitch.
Myth: the fold is a fixed pixel height
There is no single fold. It varies by device, browser, and font settings. Design for the range your analytics show, and test the real page on real screens rather than a mockup.
Myth: a big hero image is always good
A striking image can push your value proposition and call to action out of view, especially on mobile. If the visual does not communicate the offer, it may be costing you more than it earns.
How much of the pitch belongs above the fold
A useful mental model is that the fold's job is to earn the scroll, not to close the sale. You are not trying to fit the entire argument onto the first screen; you are trying to give the visitor enough reason to keep going. That reason is usually a clear promise plus a hint of proof. If a visitor understands the offer and believes it is credible, they will scroll to learn how it works and what it costs.
This changes how you weigh trade-offs. A slightly shorter headline that leaves room for the CTA above the fold usually beats a longer, cleverer one that pushes the button out of view. A single strong testimonial beats a wall of five. Restraint on the first screen tends to convert better than density, because clutter forces the visitor to work before they are even interested.
Above-the-fold mistakes that cost conversions
- Carousels and rotating sliders. They split attention, load slowly, and most visitors never see the second slide. A single strong message usually outperforms a rotating one.
- Auto-playing video that hides the offer. Motion draws the eye away from the headline and CTA, and it slows the page. If you use video, keep the value proposition and button clearly visible alongside it.
- Generic stock imagery. A photo that could belong to any company communicates nothing. A product screenshot or a real outcome earns its place; decoration does not.
- Navigation that invites escape. On a focused landing page, a full menu above the fold gives visitors an easy exit before they have engaged with the offer.
How to check your fold
Load the page on a phone and a laptop and, without scrolling, ask three questions: Can I tell what this is? Do I know who it is for? Is there one obvious next step? If any answer is no, the fold needs work. This quick pass is part of the broader landing page checklist, and getting it right supports the whole effort of SaaS landing page optimization where the first screen often decides the trial.
The fold is where most conversion decisions are made, so it repays attention. Paste your URL into Converto to see how your first screen reads: it audits the headline, layout, CTA, and speed above the fold, then generates ready-to-ship variants. The landing page analyzer shows exactly what a visitor takes in before they scroll.
Paste your page and see what is leaking
Drop in any live URL and Converto audits the copy, layout, CTAs, speed, and AI-readability of the page you already have, then hands you ready-to-ship variants to lift signups and sales. Suggestions are data-informed, not guarantees.