People scroll readily, so the fold is not a wall. What matters is that the first screen tells somebody they are in the right place and gives a reason to continue.

Where the idea came from

A newspaper folded in half on a stand, where only the top half was visible to somebody walking past.

Everything that had to sell the paper went above that physical fold, because the rest was genuinely invisible until somebody picked it up.

The web borrowed the term for the part of a page visible without scrolling, which was reasonable when scrolling was awkward and screens were uniform.

Neither of those is true now, and the term persisted anyway, which is why arguments about it are usually arguments about a thing that no longer exists.

What changed

Three things, and together they removed the original constraint.

Scrolling became effortless. A mouse wheel and a thumb both scroll without thought, and people do it reflexively before reading anything.

Screens stopped being uniform. The visible area now ranges from a small phone to a large monitor, and there is no single line to be above.

And people learned how pages work. Somebody arriving at a page in 2020 expects it to continue below and scrolls to check.

Which means the fold is no longer a wall at all. It is at most a gentle slope.

What people actually do

The third and fifth are the substance of it. The first screen is not where the information goes; it is where the decision to continue is made.

What the first screen is for

Answering one question: is this the right place.

For a local business that means the trade, the area, and something confirming they have arrived where their search suggested.

Plus a way to act immediately for the people who are ready, which is usually a tappable phone number.

That is a short list, and it fits comfortably in the space available on a phone.

What does not need to be there: the whole offer, every service, the full argument, or anything that would be better read after somebody has decided to stay.

A worked example

A business that had crammed six elements into the first screen: a heading, a subheading, three service summaries and a form, all reduced in size to fit.

The reasoning behind it was that visitors would not scroll down the page.

On a phone it was a wall of small text with nothing standing out.

They reduced it to a photograph, a heading naming the trade and towns, a phone number, and one button, with everything else moved below.

Enquiries rose and scroll depth increased, which is the combination that indicates people were finding the page more usable rather than simply seeing less.

Fitting more above the fold had been reducing how much anybody read, because none of it was legible enough to be worth reading.

The cost of cramming

Worth naming, since it is the actual failure the fold argument produces.

Reducing text size to fit more in makes everything harder to read, which is a real cost against an imaginary benefit.

Competing elements mean nothing dominates, so the visitor has no obvious next action.

And a dense first screen looks like effort, which is precisely the impression that produces a back button.

A sparse first screen with one clear message and one action performs better than a dense one, consistently, and it is the opposite of what the fold argument recommends.

Scroll depth as evidence

Worth measuring rather than arguing about, since the data settles it for your own site.

Analytics can record how far down a page people reach, in bands.

What that typically shows is that a large majority scroll past the first screen, and a meaningful proportion reach the bottom of a page they find relevant.

It also shows where people stop, which is more useful than the average: a consistent drop at one point suggests something on the page is ending the visit.

That is usually a section that answers nothing, a wall of text, or the point where the page starts repeating itself.

Setting it up is a small piece of configuration and it replaces an argument with a number for your own audience rather than a general claim.

Where the fold still matters

Not everywhere, and it has not disappeared entirely.

It matters for whether somebody realises there is more, which is a design problem rather than a content one. A first screen that fills the viewport exactly, with a clean break at the bottom, can look complete.

The fix is showing part of the next section, so the page visibly continues.

It matters on pages where a decision is being made immediately, such as a landing page for an advertisement, where the visitor has less patience and less context.

And it matters for the largest image, which determines when the page feels ready, and which should not be deferred.

The counter-case

Where more above the fold is right.

A page whose entire content is short: opening hours, a phone number, a location. There is no below, and it should all be visible.

An emergency service, where somebody in difficulty needs a number without any scrolling at all.

And a transactional step where the action is the whole point, such as a checkout button, which should never require scrolling to find.

The distinction is between information, which can sit below, and the immediate action, which should not.

What sits immediately below

The section people scroll to first, and frequently the least considered on a page.

Having decided to continue, a visitor arrives at whatever follows the first screen, and that section decides whether they keep going.

It should answer the next obvious question rather than repeating the first screen in longer form.

For a trade, that is usually what you do specifically, or what it costs, rather than a paragraph about values.

How to judge yours

  1. Load your homepage on a phone.
  2. Look only at the first screen.
  3. Ask whether it says what you do and where.
  4. Ask whether there is one obvious action.
  5. Check that the page visibly continues.
  6. Check nothing has been shrunk to fit.

The sixth is the test that actually matters. Anything reduced in size to fit above the fold has been made worse in order to obey a rule about newspaper stands.

The legibility side of that is covered in text somebody can read without zooming.


Frequently asked questions

Where does the fold idea come from?

A newspaper folded on a stand, where only the top half was visible. The web borrowed the term when scrolling was awkward and screens were uniform.

Do people scroll?

Readily, and frequently before reading anything. Scrolling became effortless, screens stopped being uniform, and people learned that pages continue below.

What is the first screen for?

Answering whether somebody is in the right place: the trade, the area, and a way to act immediately. Not the whole offer.

What does cramming cost?

Reducing text size to fit makes everything harder to read, competing elements mean nothing dominates, and a dense screen looks like effort.

Where does the fold still matter?

Whether somebody realises there is more, on advertising landing pages, and for the largest image, which determines when the page feels ready.

When should everything be visible?

Short pages with no below, emergency services where a number is needed immediately, and any transactional action such as a checkout button.

West Coast Media Solutions Inc. provides web design, web development, hosting, digital marketing, and business consulting to organisations across Canada, drawing on more than twenty-five years in the field.

Shrinking text to fit more above the fold?

People scroll. Something made smaller to obey a rule about newspapers has been made worse for no reason.

Start a Conversation