What Is Above the Fold?

Above the fold is the part of a web page a visitor sees first, before scrolling. The phrase comes from newspapers, where the most important story sat on the top half. On a website there is no single fold, because the line falls differently on every screen. It still matters to first impressions and to Google's Core Web Vitals, but visitors reliably scroll, so it is a page's opening, not its whole message.

Where is the fold on a website?

There is no fixed fold on the web, because the visible area depends on the device and the browser window. A phone shows a tall, narrow slice. A desktop monitor shows a wide, short one.

This is why chasing an exact "fold line" is a dead end. The same page has a different fold on every screen, so responsive design treats the layout as fluid rather than pinned to one height.

The practical version is simpler. The fold is wherever the content is cut off before a visitor scrolls, on whatever device they happen to hold.

What should go above the fold?

Above the fold should carry enough to orient a visitor and give them a reason to stay. That usually means a clear headline that says what the page is, the main navigation, and one primary call to action.

It does not mean cramming everything important into the top. A crowded opening screen reads as noise, and the reader takes in nothing.

A pattern we repeatedly see is owners judging the opening screen by how it looks, when what matters is what it makes a visitor do next.

The old belief that nobody scrolls is wrong, so you do not need to win the whole argument before the fold. You need to earn the scroll.

Does above the fold still matter?

Above the fold still matters, for two separate reasons: first impressions and page speed. Visitors judge a page in the first moments, and what loads first shapes that judgment.

Users do scroll, and reading-behavior research from Nielsen Norman Group (1997) found that people scan pages rather than read every word. Attention is heaviest near the top, but it does not stop at the fold.

Speed is the second reason. The largest element on that first screen usually decides your Largest Contentful Paint, which Google rates good at 2.5 seconds or faster. That metric is one of Google's Core Web Vitals, the page-experience signals it launched in 2020. A heavy hero image above the fold is a common cause of a slow-feeling page.

The myth	The reality
Nobody scrolls, so cram everything up top	Users scroll; the fold is the hook, not the whole page
The fold is a fixed pixel height	It shifts with every device and window size
Above the fold is only about design	It also drives Largest Contentful Paint and load speed

Frequently asked questions

Do people still scroll below the fold?

Yes. Long-standing usability research shows visitors scan pages and scroll down them as a matter of habit, especially on mobile, where scrolling is the natural gesture. Attention is strongest near the top, so the opening screen still carries the most weight. The rest of the page is read, just by fewer people and with less patience.

Should my call to action be above the fold?

Usually a primary call to action belongs above the fold, so a ready visitor never has to hunt for it. On longer pages it is also worth repeating the call to action further down, once you have made your case. Forcing every button up top is not the goal, because a decision often comes after some scrolling.

Does above the fold affect SEO?

Indirectly, yes. Google does not rank a page on where its content sits visually. But what loads above the fold drives Largest Contentful Paint, a Core Web Vitals metric that feeds the ranking picture. A slow or unstable opening screen hurts both the score and the visitor, so the two goals point the same way.

Is there one correct fold height to design for?

No. Because screens vary so widely, there is no single height to design against, and picking one guarantees the layout is wrong on most devices. The better approach is a responsive layout that adapts, with the key message near the top on every size rather than at one fixed pixel.

What is the difference between above the fold and the hero section?

The hero section is the designed block at the top of a page, usually a headline, supporting line, and image or button. Above the fold is simply whatever is visible before scrolling, which often includes the hero but is defined by the screen, not the design. One is a layout element you build; the other is a viewport limit you design around.

Designing the opening screen

Storming Solutions builds websites for Malaysian businesses from Kuala Lumpur. We treat the opening screen as the hardest-working part of a page, not a place to pile everything in. We would rather earn a visitor's scroll with a clear opening than lose them under a crowded one.

Not sure your homepage says the right thing in its first screen? Message us about web development, and we will look at how your page opens on a phone and a desktop, where your visitors actually land.