The phrase comes from print. When newspapers sat folded on a stand, only the top half of the front page showed, so editors crammed the biggest headline and the most arresting photo into that strip to sell the paper. The web borrowed the idea wholesale: “above the fold” is whatever a visitor sees the instant a page loads, before a single scroll. The catch is that on the web, there is no single fold.
What “above the fold” means on a screen
Above the fold is the visible area of a page at the moment it loads, defined by the viewport: the dimensions of the browser window or device screen. Everything below that line exists, but the user has to scroll to reach it. It’s a placement concept, not a content type. It describes where something sits relative to the initial view, not what it says.
The complication is that the fold moves. A 27-inch desktop monitor, a laptop, a tablet held in portrait, and a phone all draw the line in a completely different place. Add browser toolbars, OS chrome, and zoom levels, and you get thousands of effective fold positions. From our agency experience, the single most common mistake we see is a team designing the hero section against one big desktop monitor and never checking where the fold actually lands on the phone that most of their traffic uses.
Why the fold still matters (and where the myth crept in)
For years, designers treated the fold as a hard wall and tried to stuff every important element above it. Eye-tracking and scroll research pushed back: people absolutely do scroll, and have for a long time. Content placed lower still gets seen and engaged with. So the old rule “nothing important can ever go below the fold” is simply wrong.
But that correction got over-applied. The fold isn’t a wall, yet it is still the most-viewed region of any page by a wide margin. What sits there does the heavy lifting of orienting the visitor: where am I, is this relevant, what do I do next. From what we’ve seen working in the field, the right framing isn’t “cram everything above the fold” or “the fold doesn’t matter.” It’s: the fold sets the first impression and tells people whether scrolling is worth their time.
Designing for a fold that moves
Because you can’t pin the fold to one pixel height, you design for the experience of that first view rather than a fixed box. A few principles we apply consistently:
- Test against real viewport sizes, mobile first. Pull your analytics, find the screen sizes your actual visitors use, and check the initial view on each. The fold on a mid-range Android phone is the one that matters, not the one on your design lead’s monitor.
- Make the top of the page load fast. A fold full of carefully chosen elements is worthless if it renders slowly. Page load time directly shapes whether that first view ever does its job, and it’s part of how search engines judge the page.
- Use a scroll cue. A peek of the next section, a downward arrow, or content that’s visibly cut off at the bottom edge signals there’s more, which counteracts the instinct some users have to bounce from a screen that looks self-contained.
- Build the hero responsively. Fluid layouts, flexible images, and CSS that reflows for the viewport mean your key elements stay in the first view regardless of device, instead of getting shoved out of frame.
The fold beyond the homepage
This isn’t only a homepage idea. Email has a fold too: the slice of a message visible in the preview pane before scrolling, which is why the main point and call to action should sit near the top. Search and display ads compete for above-the-fold ad placements because viewability (whether an ad was actually in view) is measured against the fold. Even a long-form article has a fold, and what sits in it decides whether the reader commits to the piece.
Frequently asked questions
Is there one standard fold height?
No. The fold is wherever the viewport ends, and that varies by device, browser, and window size. Designing to a single “average” fold height leaves most of your audience with a different first view than the one you optimized.
Do people actually scroll, or do I need everything up top?
People scroll, and have for years. You don’t need everything above the fold. You do need the first view to make the value of scrolling obvious, because that view gets the most attention by far.
Does the fold affect SEO?
Indirectly. Search engines don’t rank you on a literal fold line, but they do weigh load speed, layout stability, and whether intrusive elements block the initial view. All of those play out right at the top of the page.
How is the fold different on mobile?
On mobile the viewport is much shorter and narrower, so far less fits in the first view, and browser bars eat into it further. That’s exactly why we treat mobile as the primary case rather than an afterthought.
Related terms
- Above-Fold Content — the strategy of what to actually place in that first view and how to prioritize it.
- Page Load Time — how fast the top of the page renders, which determines whether the fold ever performs.
- Responsive Design — the technique that keeps your key elements in the initial view across every device.
- Web Design — the broader discipline that decides how the fold and everything below it fit together.
- Website Engagement — what the first view is ultimately trying to earn: a reason to keep scrolling.
