What is above the fold? Meaning and impact on conversion

Above the fold is the part of a web page a visitor sees immediately without scrolling, in other words the first screen. The term comes from the newspaper world, where the most important news sat above the fold of the folded paper. Online the same principle applies: what is on screen right away largely determines whether someone stays or clicks away. In this article you will read what above the fold actually is, why it affects your conversion and how to fill that space wisely.

What is above the fold exactly?

Above the fold refers to everything that is visible as soon as a page loads, before the visitor starts scrolling. Everything underneath is “below the fold”. Where exactly that line falls depends on the screen: a desktop monitor shows far more than a smartphone, and it even varies between phones. So there is no single fixed fold line, but a range of common screen sizes.

The importance lies in behaviour. Visitors decide within seconds whether a page looks relevant. If the essentials are not on screen right away, many drop off before they ever scroll. That first impression therefore carries disproportionate weight. It is exactly the zone where your conversion rate begins.

Research by the Nielsen Norman Group confirms this: visitors spend the largest share of their attention above the fold on average, and that attention drops quickly as they scroll further (source: Nielsen Norman Group, “Scrolling and Attention”). The first screen is not a place to keep your message waiting.

What belongs above the fold?

The first screen has to answer four questions at a glance: what is this, who is it for, why should I care and what is the next step. In practice that usually means:

• A clear value proposition. One crisp headline that says what you solve, not a vague slogan.
• Supporting subtext. One or two sentences that make the promise concrete.
• A primary call-to-action. One obvious next step, not five choices at once.
• A visual anchor. Imagery or design that reinforces the message instead of distracting from it.
• A trust signal. For example a logo, a number or a short reference that lends credibility.

The table below sums up which element answers which question, and where things go wrong in practice.

This is closely related to building a strong hero section that converts and to well considered call-to-action choices. The trap is trying to cram everything above the fold: it turns cluttered and you lose the very focus you were after.

Above the fold on mobile: smaller screen, harder choices

On mobile the fold is much smaller, and at the same time a large share of traffic arrives by phone. That forces you to prioritise. Where headline, subtext, button and image sit comfortably together on desktop, on mobile you have to choose ruthlessly what appears first.

That is exactly where the gains often are. At Adventure Valley Durbuy the key was the mobile experience: by rethinking the first screen and the conversion path on smartphone, the mobile conversion rate improved considerably. The lesson is not “cram everything above the fold”, but “put what matters there and test it”. If you want to know whether your fold works, conversion rate optimization is the way to measure it instead of guessing.

In practice we see that the difference between desktop and mobile is not only about space, but about order. On desktop an element can sit to the right or at the bottom of the first screen; on mobile everything stacks, so the reading order determines what a visitor sees first. A button that lands in view immediately on desktop can end up three screen lengths lower on mobile. So do not think of “the fold” as one line, but ask: what appears first, second and third on a phone?

Honestly: above the fold matters, but it is no dogma

We like to nuance one stubborn myth: that nobody scrolls and therefore everything has to be above the fold. That is not true. People do scroll, certainly when the first screen has caught their attention. The role of above the fold is to convince the visitor to go further, not to tell the whole story in a single screen.

In B2B that counts double. Buyers with a long sales cycle and multiple decision makers often read thoroughly before they get in touch. Above the fold wins the first seconds; the content below it wins the trust. So steer on qualified leads, not just on a pretty first impression. A page that looks good above the fold but proves nothing underneath delivers clicks, not customers. Test what works instead of fixating on the fold line: A/B testing shows you what really moves the needle.

Common above the fold mistakes

The most common blunder is trying to show too much. Anyone who crams a value proposition, three buttons, a navigation menu, a cookie banner and a carousel into the first screen turns above the fold into a wall of noise. The visitor no longer knows where to look, and the attention you just won you lose again.

A second mistake is a weak or missing call-to-action. A pretty first screen without a clear next step leaves the visitor hanging. One primary action should always be visible.

The third mistake is designing above the fold on a large screen and forgetting the mobile reality. What fits comfortably on a 27 inch monitor often becomes half a sentence and a button that falls just out of view on a phone. So always test on real devices, not only in a responsive preview. And the fourth: confusing “above the fold” with “the whole message”. The fold wins the first seconds; the rest of the page wins the trust. You measure that with A/B testing, not with assumptions.

Ready to make your first screen convert?

Tell us which page matters most for your leads, and we will take an honest look at whether your above the fold shows the right message and the right action.

We are a small team that moves fast, so you get concrete improvement points instead of a theoretical report. Book your free intake.

Frequently asked questions