Above the Fold

"Above the fold" is everything a visitor sees on your website before they scroll down. The term comes from newspapers, where the most important headline was always placed above the physical fold of the paper. On a website, it's whatever fills the screen when the page first loads.

This is real estate you can't afford to waste. Research from the Nielsen Norman Group found that users spend 57% of their viewing time on content above the fold. The attention drops off sharply after that.

Why It Matters for Your Business

You have about 3 seconds to convince a new visitor they're in the right place. That decision happens above the fold. If your headline is vague, your design looks outdated, or there's no clear call to action, people leave. It's that fast.

For small businesses especially, this is where you answer two questions: "What do you do?" and "What should I do next?" Nail those two things above the fold and you'll keep more visitors on your site.

The Basics

Clear headline first. Your headline should tell visitors exactly what you do and who you do it for. "Licensed Plumbing Services in Buffalo, NY" works. "Welcome to Our Website" doesn't. Skip the cleverness and be direct.

Include a CTA. Don't make people scroll to figure out how to contact you. Put a button above the fold that tells visitors the next step. "Get a Free Estimate" or "Call Us Today" should be visible immediately.

Show, don't just tell. A high-quality photo of your work, your team, or your location builds trust instantly. Stock photos of handshakes and skylines don't. If you can, use real images from your actual business.

Keep it clean. Cramming too much above the fold is just as bad as having too little. A headline, a short supporting sentence, a CTA button, and one strong image. That's all you need. White space makes everything easier to read.

Think mobile first. Above the fold on a phone is a much smaller area than on a desktop monitor. Test your site on an actual phone. If your headline gets cut off or your CTA button is buried, you need to rethink the layout. Mobile-first design helps you get this right from the start.

Frequently Asked Questions

What should be above the fold on a website?

At minimum: a clear headline that explains what your business does, a call to action button, and a relevant image or visual. For local businesses, include your location or service area in the headline. The goal is to immediately answer "What is this?" and "What do I do next?" without requiring any scrolling.

Does above the fold still matter?

Yes, more than ever. While people are used to scrolling on mobile, research consistently shows that content above the fold gets the most attention. It's where visitors decide to stay or leave. What has changed is the size of that space. With so many screen sizes in play, you should design for the smallest common screen first and work up from there.

How big is above the fold?

There's no single answer because screen sizes vary. On a desktop, it's roughly 600-700 pixels tall. On a phone, it's about 500-600 pixels depending on the device. The safe approach is to keep your most important content within the top 500 pixels and test on multiple devices to make sure nothing critical gets pushed below the fold.