What Is Above the Fold and Why Does It Matter for Your Website?

"Above the fold" is a term borrowed from newspaper publishing, where the most important stories were placed on the top half of the front page — the half visible before the paper was unfolded on a newsstand. On a website, it refers to everything a visitor sees on their screen before they scroll down.

This area is prime real estate. Research consistently shows that visitors form an opinion about a website within a few seconds of landing, largely based on what they see above the fold. Getting this section right is one of the most valuable improvements you can make to any page.

What should appear above the fold

The above-the-fold area needs to answer three questions immediately: Who are you? What do you do? Why should I care? Visitors who can’t answer these questions within a few seconds are very likely to leave.

A clear headline that states your core proposition is the most important element. "Website Design for Norfolk Small Businesses" is more effective than a business name as a headline, because it instantly communicates what you do and who you do it for. Follow this with a sub-headline that adds a benefit or differentiator: "Fast, affordable websites that generate real enquiries."

Include a visible call to action — a button or link that tells the visitor what to do next. Position it where the eye naturally falls after reading the headline: typically below the sub-headline or to the right of it. This button should be the most visually prominent element on the screen, with enough contrast to stand out from the surrounding design.

What to avoid above the fold

Large decorative images that contain no information are a common mistake. A full-screen photo of a generic office or a stock image of someone shaking hands looks polished but communicates nothing about your business. If you use a large image above the fold, it should directly reinforce your proposition — a photo of your team, an example of your work, or your product in use.

Avoid filling this prime space with navigation menus, social media feeds, or generic welcome messages. Every element above the fold competes for the visitor’s limited attention. Prioritise ruthlessly: what is the single most important thing you want this visitor to do or understand?

Rotating carousels (also called sliders) are particularly problematic above the fold. They divide attention across multiple messages, each of which gets only a fraction of the time it needs to land. Static above-the-fold sections with one strong message consistently outperform sliders for conversions.

Above the fold on mobile devices

With more than half of web traffic coming from mobile devices, your above-the-fold experience on a phone matters as much as — arguably more than — the desktop version. On a typical smartphone screen, the visible area is significantly smaller, which means your headline, sub-headline, and CTA need to be tightly written and vertically compact.

Test your above-the-fold on a range of real devices, not just in a browser’s device emulation mode. The browser’s address bar and the phone’s navigation bar eat into the available screen height, and many designs that look great in a simulator show key elements cut off on an actual phone.

Prioritise legibility: font sizes should be large enough to read comfortably without zooming, and the CTA button should be large enough to tap accurately with a thumb. These are small details, but they compound — a mobile visitor who has to squint or struggle to tap is a visitor on the verge of bouncing.