What is Above the Fold?

Above the fold is the part of a web page visible before scrolling, where visitors form first impressions and decide whether to keep reading.

The phrase comes from newspapers. Printed papers were folded in half on the stand, so only the top half was visible to people walking by. Editors put their biggest headline and strongest photo there, because that space decided whether someone picked up the paper.

On a website, above the fold means the part of a page people see before they scroll. In simple words, it is your first impression. It is not the only part that matters, but it decides whether people stay to see the rest.

Why the fold is different today

There is no single fold anymore. A laptop, a large monitor, a tablet and a small phone all show different amounts of the page. For many businesses, the mobile fold matters most, because that is where much of their traffic arrives.

It is also a myth that people do not scroll. They scroll happily when the top of the page gives them a reason to. The job of the above-the-fold area is not to say everything. It is to make the visitor want to continue.

What to put above the fold

A clear headline that says what you offer and for whom
A short supporting line that explains the main benefit
One main call to action, or a clear hint of what comes next
A relevant visual, kept light so the page loads fast
One quick trust signal, such as a rating or a recognized certification

For example, imagine an e-commerce store selling handmade leather bags. Its mobile homepage opens with a large sliding banner showing three festival offers, then a newsletter pop-up. A visitor sees no product and no clear message.

A better version shows one clean headline, "Handmade leather bags, crafted in Kanpur", a single product photo, a line about free shipping and a "Shop bags" button. Same store, same products, but the first five seconds now make sense.

Speed and the fold

Whatever sits above the fold is usually what loads first, and it often includes your largest image or text block. That is closely tied to Largest Contentful Paint (LCP), one of Google's Core Web Vitals. Heavy hero images and auto-playing videos can make this area slow. A lighter top section helps both visitors and performance.

How to check your page

Open the page on a phone and look only at the first screen. Can you tell what the business does?
Use a heatmap to see how far people scroll and where they click.
Remove anything at the top that does not help the visitor decide.
Make sure pop-ups do not cover the main message on mobile.

On a landing page, this space carries even more weight, because visitors arrive with a specific expectation from the ad they clicked. If the first screen does not match that expectation, many will leave before scrolling at all.

Simple takeaway

Above the fold is your shop window. Keep it clear, quick and honest, and give people a good reason to scroll.