What Is Above the Fold?
"Above the fold" refers to the portion of a webpage that is visible in a user's browser window immediately upon loading, without requiring any scrolling. The term is borrowed from newspaper publishing, where the most important headlines and stories appeared on the top half of the front page — the part visible when the paper was folded in half on a newsstand.
In web design, the "fold line" is not a fixed position. It varies based on screen size, browser window dimensions, device type, and display resolution. On a 1440px-wide desktop monitor, the fold might fall at around 700–800 pixels below the top of the page. On a mobile device in portrait orientation, the fold can fall as low as 500 pixels. This variability means designing for above the fold requires responsive design thinking rather than targeting a single fixed height.
The fold concept matters because of attention economics: users form first impressions within seconds of arriving on a page, and content visible without scrolling receives disproportionate attention. Research from Nielsen Norman Group has consistently found that users spend approximately 57% of their viewing time above the fold on any given page.
Why Above the Fold Matters for Marketers
The content a visitor sees in the first seconds determines whether they stay or leave. Conversion rate research consistently shows that headline clarity, value proposition specificity, and CTA placement above the fold are among the strongest predictors of landing page performance. A visitor who cannot quickly understand what a page is offering and what to do next will exit — often before scrolling.
Bounce rate on landing pages is heavily influenced by above-the-fold quality. If the headline does not match the ad or link that drove the click (message mismatch), or if the value proposition is vague or generic, visitors leave without scrolling regardless of how strong the rest of the page is. The content below the fold only serves visitors who are engaged enough to scroll — and scroll rates drop sharply on pages with weak above-the-fold sections.
For paid search campaigns, the quality of above-the-fold content affects Quality Score in Google Ads, which influences both ad ranking and cost per click. A strong above-the-fold experience that results in lower bounce rates and higher time-on-page signals relevance to Google, improving campaign efficiency.
How to Implement Above-the-Fold Design
Place the most critical conversion elements in the visible area for the majority of users: headline, subheadline, primary CTA, and one trust signal (a customer count, recognizable logo bar, or key proof point). These are the non-negotiables — everything else can live below the fold.
Audit your above-the-fold content by opening your landing pages on multiple device types (desktop 1440px, laptop 1280px, mobile 375px) and noting exactly where the fold falls. Any conversion-critical element below the fold line on a common viewport size represents a CRO risk.
Use scroll map data (from Hotjar or Microsoft Clarity) to measure what percentage of visitors reach specific depths on your pages. If 30% of users never scroll past the first section, the value of content in subsequent sections is reaching only 70% of your audience at best.
Test above-the-fold variants specifically: headline A vs. headline B, CTA placement at top vs. after social proof, hero image vs. no image. These above-the-fold tests have the highest potential impact because they affect the first decision every visitor makes — whether to stay or leave.
How to Measure Above the Fold
Primary measurement: scroll depth at the 25% mark (how many visitors scroll even a small amount beyond the initial view) and bounce rate as a proxy for immediate disengagement. A high bounce rate with low average session duration often signals an above-the-fold failure.
Compare conversion rates between users who scrolled (engaged with below-fold content) and those who did not. If non-scrollers convert at a meaningful rate, your above-the-fold section is carrying significant conversion weight on its own.
Use click maps to verify that the CTA button above the fold receives a substantial share of all page clicks. If the primary CTA captures less than 20% of clicks, above-the-fold layout is not directing attention effectively.
Above the Fold and AI Search
Visitors arriving after an AI-generated recommendation often have a clearer intent and higher familiarity with the brand than typical cold traffic. For these visitors, above-the-fold content needs to confirm expectations rather than establish them from scratch. The headline should align with how the AI described the brand's value, and the CTA should offer a clear, low-friction path to the action the visitor is ready to take. Ensuring your above-the-fold messaging is consistent with how AI platforms characterize your brand is an increasingly important design consideration.