Above the Fold
The portion of a webpage visible without scrolling — the highest-value real estate on any landing page where first impressions are made.
Above the fold refers to the content visible in a visitor’s browser window without scrolling — the first thing they see when they land on your page.
The term comes from print newspapers: the most important stories ran on the top half of the front page, visible when the paper was folded in half on a newsstand. Online, the same principle applies: what’s immediately visible gets the most attention.
Why Above the Fold Determines Conversion
Visitors make a stay-or-leave decision within 3–5 seconds of landing on a page. That decision is made almost entirely based on above-the-fold content. If your value proposition isn’t immediately clear, visitors scroll-abandon or bounce before your case has even been made.
Nielsen Norman Group eye-tracking research shows:
- 57% of all page viewing time is spent above the fold
- The very first screenful gets the most attention by a significant margin
- Attention drops sharply as users scroll
What Belongs Above the Fold
A conversion-optimised above-the-fold section contains:
| Element | Purpose |
|---|---|
| H1 headline | States the value proposition clearly |
| Subheadline | Adds specificity, proof, or benefit detail |
| Primary CTA | The one action you want them to take |
| Trust signal | Social proof, rating, or logo bar |
| Hero visual | Shows product, outcome, or person (optional) |
Everything else — features, case studies, FAQs, testimonials — goes below the fold to support the decision already set up above it.
Common Above-the-Fold Mistakes
1. Clever over clear A witty headline that doesn’t communicate what you do is worse than a boring headline that does. Clarity beats cleverness.
2. Hero image that pushes content down A large hero image that forces the headline and CTA below the fold on mobile is one of the most common landing page errors.
3. No CTA above the fold Making visitors scroll to find a way to convert adds friction at the moment of highest intent.
4. Navigation-heavy header A tall header with multiple nav items, logos, and banners can eat 20–30% of above-the-fold space that should be used for your value proposition.
Above the Fold on Mobile
“The fold” is different on every device. On a 13” laptop, the fold might be at 700px. On a mobile phone, it might be at 600px — but the viewport is narrower, so less content fits horizontally.
Always test your above-the-fold section on:
- Desktop (1280–1440px width)
- Laptop (1024px)
- Mobile (375–390px)
The value proposition, headline, and CTA should be fully visible on all three. Above-the-fold optimisation is the single highest-leverage starting point in any CRO audit.
Frequently Asked Questions
What does above the fold mean on a website?
Above the fold refers to the portion of a webpage visible in the browser window without scrolling. The term comes from print newspapers, where the most important stories appeared on the top half of the front page (literally above the physical fold). On websites, above-the-fold content is what visitors see in the first 0–3 seconds before deciding whether to scroll or leave. It contains the highest-traffic, highest-impact real estate on any page.
What should be above the fold on a landing page?
A high-converting above-the-fold section needs: (1) a clear value proposition headline — what you do, for whom, and why it's better, (2) a supporting subheadline with specific proof or benefit, (3) a primary CTA button with action-oriented copy, (4) a trust signal — star rating, customer count, or recognisable logo. Optional but high-impact: a hero image showing the product or outcome. Everything above the fold should answer 'What is this and why should I care?' in under 5 seconds.
How much do people actually scroll below the fold?
According to Nielsen Norman Group research, about 57% of page viewing time is spent above the fold. Users do scroll — especially on content pages and mobile — but scroll depth drops off significantly. On landing pages, 80–90% of visitors will see above-the-fold content; only 40–60% scroll to mid-page; and 20–30% reach the bottom. This doesn't mean below-the-fold content doesn't matter, but it does mean your core conversion argument must be complete above the fold.