What 'Above the Fold' Means in 2026
'Above the fold' originally referred to newspaper content visible before unfolding. For websites, it means the content visible in the browser viewport without scrolling. But with infinite screen sizes and viewport heights ranging from 500px (small phones) to 1200px+ (large monitors), 'above the fold' isn't a fixed location — it's a range.
Design for the smallest common viewport: 667px height (iPhone SE in landscape / typical mid-range phone). Content that fits in this viewport is 'above the fold' for the most constrained users. If your CTA isn't visible at 667px height, a significant portion of your mobile visitors never see it without scrolling.
The Six Elements That Belong Above the Fold
Navigation: Trust signal that shows you're a real product with multiple pages. Logo + top nav + CTA button. Keep it minimal — no more than 4 nav links.
Headline: The most important copy element. Must communicate your core value immediately.
Sub-headline: One sentence expanding on the headline. Mechanism or target audience.
Hero visual: Product screenshot, outcome visualization, or key illustration.
Primary CTA: The single action you want visitors to take. One button, specific label.
Trust indicator: One credibility element — customer count, notable client logo, press mention, or key stat. Just one.
What Doesn't Belong Above the Fold
Feature lists: Save these for below the fold. Feature lists require context (why does this feature matter?) that belongs after you've earned the visitor's interest.
Long testimonials: Full testimonials are below-fold content. A customer name + 10-word quote can work above the fold as a compact trust signal.
Video players (unless autoplayed silently): A video player that requires a click to start competes with your primary CTA. If you include video in the hero, autoplay it silently with captions.
Prices: Unless your product is low-cost or free. Showing price before establishing value creates sticker shock for higher-priced products.
How Fold Position Affects Conversion
CTA above fold vs below fold: Consistently, CTAs above the fold outperform CTAs that require scrolling to reach, especially for cold traffic. Even if you have a better secondary CTA at the bottom of the page, the above-fold CTA should always exist.
Reducing above-fold content to essentials typically increases scroll depth — a counterintuitive finding that has been replicated in multiple A/B tests. When the hero is tighter and more intriguing, visitors scroll to learn more.
Testing Your Above-the-Fold Design
Run a five-second test with 5 people. Show them your page for 5 seconds, cover it, and ask: what does the product do, who is it for, and what would you do next? If fewer than 4 of 5 can answer all three correctly, your above-fold content needs work.
Use Racoonn to simulate how 5,000 different visitor types experience your hero section. AI persona reports typically identify whether the hero messaging is landing across different audience segments or only resonating with a narrow type of visitor.