What “above the fold” means on a website, and why it decides your conversions
Above the fold is the part of a web page a visitor sees before scrolling. It is the only part every visitor sees, it gets more than half of all attention, and it is where people decide to stay or leave. Here is where the fold sits today, what the research says, and what the first screen has to say.
By Anthony Roose
5 min read
Where the term comes from
Newspapers gave us the phrase. A broadsheet lies folded on the stand, so only the top half of the front page is visible. Editors put the story that had to sell the paper above that fold. Everything else waited until the reader picked it up.
Websites borrowed the idea. The fold became the bottom edge of the browser window: the line where the first screen ends and scrolling begins. Above it is what every visitor sees. Below it is what only some visitors reach.
Where the fold is on a website today
There is no single fold any more. The line moves with the screen, the browser bars and the zoom level. A visitor on a large monitor sees roughly 900 pixels of page height. A visitor on a phone sees roughly 650 to 750 pixels, and far less width. Same page, different first screen.
That is why "above the fold" is better read as a question than as a pixel value: what does a first-time visitor see before they move a finger? Design for the smallest screen that matters to your audience, check the others, and treat every pixel in that first screen as expensive.
| Device | Typical first screen | What usually fits |
|---|---|---|
| Laptop, 1366 × 768 | about 650 px of page height | navigation, headline, one line of text, one button |
| Monitor, 1920 × 1080 | about 950 px of page height | the hero section plus a hint of the next block |
| Phone, 390 × 844 | about 700 px, in one column | headline, two short lines, one button |
The heights are approximate. Browser toolbars, cookie banners and notification bars all eat into them.
Why above the fold still decides your conversions
People do scroll. They just do not scroll before they judge. Nielsen Norman Group measured where attention goes on a page with eye tracking and found that 57 percent of viewing time lands above the fold, and 74 percent in the first two screenfuls. In 2010 the above-the-fold share was 80 percent, so scrolling has grown, but the first screen still gets more than half of all attention.
The judgement itself happens faster than reading. Lindgaard and colleagues showed that visitors form a stable opinion of a page in about 50 milliseconds. After that, people look for reasons to confirm what they already feel. The first screen sets the mood for everything that follows.
Put those two findings together and the fold stops being a design detail. It is the moment a visitor decides whether your page deserves a scroll. If the first screen does not say what you offer, for whom, and what to do next, most visitors never see the proof you placed further down.
In short Above the fold is the only part of your page that every visitor sees. Spend it on clarity, not decoration.
What belongs above the fold
A first-time visitor runs through a few questions in those first seconds, mostly without noticing. The fold has to answer them.
- What is this? A headline in plain words. Not a slogan, not a pun. If a stranger cannot repeat what you offer after one read, rewrite it. These hero section examples show what passes.
- Is it for me? Name the audience or the situation. "Invoicing for freelance designers" beats "Smarter finance".
- Why should I care now? One concrete outcome or one piece of proof: a number, a named customer, a result.
- What do I do next? One primary call to action. One. A second button of equal weight splits attention and lowers both.
- Does the image agree? A picture that shows the product or the result. A stock photo of people laughing at a laptop says nothing and costs the space of three sentences.
- Is there more? Let the next section peek over the edge. A page that ends in a clean line at the bottom of the screen looks finished, and visitors stop scrolling. Nielsen Norman Group calls this a false floor.
What does not belong above the fold
- A carousel. Rotating banners split your one message into five weak ones, and most visitors only see the first slide anyway.
- Autoplay video without words. Movement draws the eye, but a visitor still needs text to understand the offer.
- Three competing buttons. "Start free trial", "Book a demo" and "Watch video" side by side is three decisions before the first one is made.
- A cookie wall that covers the message. Consent banners are often required, but they should not hide the headline on a phone.
- Your company history. "Founded in 1998" answers none of the six questions. It belongs on the about page.
How to test your fold in five seconds
The classic method is a five-second test. Show your first screen to someone who has never seen the page, for five seconds, then take it away and ask: what does this company do, who is it for, and what would you click? If the answers are vague, the fold is not doing its job.
You can run that with a colleague and a stopwatch. You can also let an AI read the page the way a stranger does: the free five-second test on 5sec.io checks the six questions above against your live page and quotes the evidence it found. For a full site, the Above the Fold Audit, a conversion optimisation audit of the first screen, scores about fifteen key pages the same way and rewrites the five weakest.
Either way, test before you redesign. Most above-the-fold problems are copy problems, and copy is cheap to fix.
See your first screen through a stranger’s eyes
The free test reads your page the way a new visitor does and tells you what came across in five seconds.