'Above the fold' in web design refers to the portion of a webpage that is visible without scrolling — the first thing a visitor sees when they land on the page. The term originates from newspaper printing, where the most important headlines appeared on the top half of the front page (above the physical fold). In digital design, the fold varies by device and screen resolution, but the principle is the same: content above the fold receives significantly more attention and interaction than content below it. Research shows that 80% of users' attention is focused on content above the fold.
Because above-the-fold content receives disproportionate attention, it must do disproportionate work: establish credibility, communicate the value proposition, signal relevance to the visitor's need, and provide a clear path to the next step — all within 3–5 seconds. If a visitor cannot immediately understand what the business does, who it is for, and what they should do next, the probability of bounce increases dramatically.
What above-the-fold content should include
- Clear headline — what the business does and for whom; should take under 5 seconds to read and understand
- Subheadline — amplifies the headline with a specific benefit or differentiator
- Primary CTA — the most important action you want visitors to take; prominently placed, action-oriented, and visually distinct
- Trust signal — a logo bar, review score, or brief social proof that establishes credibility immediately
- Relevant hero image or video — reinforces the headline and value proposition visually; avoid stock photography that could apply to any business
Mobile above-the-fold is significantly more limited than desktop — a mobile viewport typically shows 30–50% less content. This means mobile-optimised designs must ruthlessly prioritise: the headline, subheadline, and CTA need to fit on the screen before any scrolling occurs. Many UK businesses design primarily for desktop and then compress it for mobile, producing cluttered mobile above-the-fold experiences. Designing mobile-first — ensuring the above-fold experience works on mobile, then enhancing for desktop — produces better outcomes for businesses where mobile traffic is dominant.
Scrolling is certainly more natural in 2026 than it was a decade ago, and users will scroll for content that interests them. However, the above-fold area still functions as the gate that determines whether visitors scroll at all — if the above-fold content does not establish immediate relevance and interest, visitors leave before scrolling. The fold does not determine whether visitors read everything; it determines whether they give the page a chance. This is why above-fold optimisation remains one of the highest-ROI CRO investments.
The fold position varies by device and screen resolution. On a typical desktop monitor (1920×1080), the fold is approximately 600–700px below the top of the page content area. On mobile (375px wide, approximately 667px visible), it is around 500–600px. Tools like BrowserStack let you see exactly what your website looks like at different screen resolutions. In GA4, scroll depth tracking can show what percentage of visitors reach specific points on your pages. Microsoft Clarity's scroll heatmaps provide an immediate visual representation of where users stop scrolling.