Back to Glossary
What Is Above the Fold?
Website
Updated 18 September 2026
Quick Answer
Above the fold refers to the content visible on a webpage before a visitor scrolls — the first thing they see, and often the deciding factor in whether they stay or leave.
Above the Fold vs. Hero Section — What's the Difference?
| Above the Fold | Hero Section | |
|---|---|---|
| What it is | The visible area before scrolling (varies by screen size) | A specific design element, usually the first section on a page |
Why It Matters
- Visitors decide within seconds whether to stay or leave, based heavily on what's immediately visible.
- Cramming too much above the fold, or leaving it vague, both commonly cause visitors to leave before scrolling further.
How It Works
- Include a clear headline stating who you help and what you offer.
- Add one obvious next step (a call-to-action) without overcrowding the space.
- Test on mobile specifically, since the visible area is much smaller than on desktop.
Key Takeaways
- Above the fold is what a visitor sees before scrolling, and it disproportionately affects first impressions.
- It varies significantly between mobile and desktop.
- A clear headline and one CTA usually beats cramming in more content.
Frequently Asked Questions
How much content should be above the fold?
Enough to communicate who you are and what to do next — a headline, brief support text, and one CTA is usually sufficient.
Does above the fold mean the same thing on mobile and desktop?
No — the visible area is much smaller on mobile, so what counts as 'above the fold' differs significantly by device.
Is above the fold still relevant with modern scrolling behavior?
Yes — while people scroll more than in print media, first impressions still heavily influence whether they continue.