Above the Fold
Definition
The portion of a webpage visible without scrolling. Prime real estate for your most important content and calls to action.
What is Above the Fold?
"Above the fold" refers to the part of a webpage that's visible without scrolling. The term comes from newspapers, where the most important stories appeared above where the paper was folded.
Why It Matters
First Impressions
Above the fold is what visitors see first. If it doesn't grab them, they might leave without scrolling.
Key Information
Your value proposition, main heading, and primary call to action should be immediately visible.
Engagement
Content above the fold gets the most views and engagement.
What to Include Above the Fold
Clear Headline
What does your business do? Why should visitors care?
Supporting Text
A brief explanation or value proposition.
Call to Action
What do you want visitors to do? Make it obvious.
Navigation
Help people find what they're looking for.
Trust Signals
Phone number, reviews snippet, or security badges (if relevant).
What to Avoid
- Large images that push content down
- Auto-playing videos that distract
- Pop-ups that obscure content
- Too much text that overwhelms
The Mobile Consideration
"Above the fold" varies dramatically by device:
- Desktop: Large area
- Tablet: Medium area
- Mobile: Very limited
This is why mobile-first design is important – you must prioritise ruthlessly for smaller screens.
Don't Cram Everything
While above the fold is important, people do scroll. Don't sacrifice good design by cramming too much into the visible area. Balance is key.