Landing Page Leaks · Above The Fold
What should be above the fold on a landing page
The fold is not a design concept - it is the boundary between the ad spend that worked and the ad spend that was wasted. Most paid social traffic never scrolls past the first screen. For cold paid traffic, the above-fold section is the entire page. If it does not close the case before they scroll, it never gets closed.
The 5 elements required above the fold
Cold paid traffic arrives with no prior brand relationship and no patience. They need to answer five questions the moment the page loads - and the page has to answer them without requiring any action from the visitor.
- 1.
Headline - what it is and who it is for
Not your brand tagline. Not a clever play on words. A direct statement of the outcome you deliver, for the person you deliver it to. "We help SaaS founders reduce churn" is a headline. "Grow beyond limits" is noise. The headline should use the same noun phrase the ad used - the visitor arrived because of a specific promise, and the headline either confirms they are in the right place or it does not.
- 2.
Subheadline - the mechanism
One sentence that explains how you deliver the outcome. Specificity here does the trust-building work that the headline started. Vague subheadlines ("with the power of AI") undo the credibility the headline created.
- 3.
Proof signal - one specific, credible data point
A number of customers, a recognisable logo, a specific result. Not a 5-star rating with no context - that is decoration, not proof. One specific, attributable proof element above the fold changes the trust calculus for a cold visitor.
- 4.
Primary CTA - visible without scrolling
One action. Label that describes the outcome of clicking, not the mechanics: "Start my free trial" not "Submit." The CTA does not have to dominate the viewport - the headline carries more weight - but it must be findable without scrolling.
- 5.
Risk-reducer - something that lowers the cost of action
"No credit card required." "Cancel any time." A money-back guarantee. Something specific that lowers the perceived risk of taking the CTA action. "Risk-free" alone is marketing copy - it does not answer the question of what risk-free means in practice.
If any of these five are missing or positioned below the fold, you have a structural conversion leak that no amount of targeting optimisation will fix.
The most common above-fold failures
These are the patterns that consistently show up as conversion leaks on paid traffic landing pages. They are not subtle design errors - they are structural choices that make the above-fold section do no selling work at all.
Company name or tagline as H1
"Welcome to Acme Inc." and "Transforming the Future of Work" both fail the same test: a cold visitor cannot tell from either whether they are in the right place. The H1 is the most-read element on the page. Wasting it on a brand name or a vague aspiration is a first-impression failure.
Generic hero image
A stock photo of a smiling team, an abstract gradient, or a product screenshot with no context consumes above-fold real estate without communicating anything. The image should reinforce the headline claim, not decorate it.
CTA below the fold
On mobile at 390px, a CTA positioned 1,200px down the page might as well not exist for cold traffic. If the visitor has to scroll to find out what to do next, a portion of them will not scroll - they will use the back button.
No proof in the first viewport
A page that asks for action before it gives evidence is asking for trust it has not earned. Even a single, specific social proof element above the fold changes the trust calculus. Generic badges and star ratings without context do not count.
Competing visual weights
Multiple large elements at the same size, multiple CTAs, or a complex navigation bar all split attention and reduce the probability that the primary CTA is what the visitor's eye lands on. Simplifying the above-fold section - removing elements rather than adding them - is consistently the highest-leverage intervention for pages with visual hierarchy problems.
The fold is different on every device - test both
“Above the fold” is not a fixed pixel height. On a 375px iPhone with browser chrome, the visible viewport is roughly 580px tall. On a 1024px laptop with a 72px navigation bar, it is approximately 950px. What appears above the fold in your desktop design tool may be deep below the fold on the phone your traffic is using.
The diagnostic protocol:
- Open your landing page in Chrome DevTools. Set device to iPhone 12 Pro (390×844). Screenshot what is visible without scrolling. Do all 5 required elements appear?
- Repeat at 375px (iPhone SE / older Android). If layout breaks or key elements disappear, that is a specific technical fix, not a copy problem.
- Check 1024px for tablet/small laptop. CTA buttons tend to disappear at tablet breakpoints due to layout reflows.
If your paid traffic is primarily mobile - check your analytics; most paid social is - optimise for 375–390px first. Desktop performance is secondary to the device your visitors are actually using.
Visual hierarchy: the reading order is the sales sequence
The eye does not read a landing page - it scans it. Size, contrast, and position determine reading order. That reading order shapes whether the above-fold section makes its argument in the right sequence.
Audit your visual hierarchy with this test: if a visitor reads only the three largest elements on your above-fold section, do they understand what you do, who it is for, and what to do next? If those three elements are your logo, a decorative image, and a generic tagline - your hierarchy is selling nothing.
The correct hierarchy for cold paid traffic is: headline → proof signal or subheadline → CTA. Everything else should be visually subordinate. When multiple elements compete at the same visual weight, the visitor's eye lands nowhere in particular - which means it is less likely to land on the CTA.
Speed and the fold: slow pages lose visitors before they see the first screen
Above-fold optimisation only matters if the page loads fast enough for the above-fold section to be seen. A 2020 Deloitte/Google study of 37 retail, travel, and lead-generation brands found that a 0.1-second improvement in mobile load time increased retail conversions by 8.4% and travel conversions by 10.1%. The study's full methodology is available at Think with Google: Milliseconds Make Millions.
According to the 2024 Web Almanac (HTTP Archive, Nov 2024), only 38% of mobile home pages passed all Core Web Vitals in 2024. That means more than six in ten mobile landing pages are failing Google's real-world performance thresholds - before the above-fold content is ever evaluated.
If your LCP is above 2.5 seconds on mobile, fix load time before optimising above-fold layout. A visitor who abandons during load never sees your headline.
Not sure what is visible above the fold on your page?
The free Nebula audit checks all 9 conversion signals - including mobile layout (signal 3) - and returns a prioritised fix list.
Run the free auditFrequently asked questions
What should be above the fold on a landing page?
Five elements: a headline that names the outcome and the audience, a subheadline that explains the mechanism, at least one specific proof signal, a primary CTA visible without scrolling, and a risk-reducer (guarantee, "no credit card required", or similar). If any of these are missing or below the fold, the above-fold section is not doing conversion work.
How do I know what is above the fold on mobile?
Open your landing page in Chrome DevTools, set the device to iPhone 12 Pro (390x844), and screenshot what is visible without scrolling. Do not use a browser emulator as a substitute for a real device test - emulators do not replicate browser chrome height, font rendering, or thumb reach. Repeat at 375px (iPhone SE) for older Android coverage.
Does above-the-fold content affect conversion rate?
Yes, directly. For cold paid traffic with no prior brand relationship, the above-fold section is the first and often only content they evaluate before deciding to stay or leave. If the headline does not confirm the ad promise, if no proof is visible, or if the CTA requires scrolling to find, a significant portion of paid traffic exits before seeing the rest of the page.
Should I put the CTA above the fold?
For cold paid traffic: yes. The CTA should be visible without scrolling. It does not have to be the dominant element - the headline and proof carry more weight - but the CTA needs to be findable in the first viewport. For warm traffic (email list, retargeting), the CTA below the fold is acceptable because those visitors are more likely to scroll. Segment your traffic type before deciding.
What is the most common above-fold mistake on paid traffic landing pages?
Using the company name or tagline as the H1. "Welcome to Acme Inc." and "Transforming the Future of Work" both fail the same test: a cold visitor cannot tell from either headline whether they are in the right place. The H1 is the most-read element on the page. It should state the specific outcome you deliver and who you deliver it to, in the same language the ad used to bring the visitor there.
What's the difference between above-the-fold on mobile vs. desktop?
Mobile viewports are taller (390-844px) but narrower, compressing elements vertically while allowing more content to stack. Desktop viewports (1280px+) display content side-by-side. A headline and CTA visible on desktop may require scrolling on mobile. Always test both-mobile typically drives higher paid traffic volume and lower scroll-through rates.
How do I test which above-the-fold elements drive conversions?
Run A/B tests isolating one element: headline text, proof signal type, CTA copy, or visual treatment. Track conversion rate by traffic segment. Use heatmaps and session recordings to observe where visitors focus first. Measure time-to-scroll and exit rate before fold-high exits indicate the above-fold section didn't convince them to stay.
Should above-the-fold content match my ad creative?
Yes. If your ad shows a headline, image, or outcome promise, your above-fold section must immediately confirm it. Misalignment between ad and landing page above-fold triggers cognitive friction and increases bounce rate. Visitors should recognize they landed on the right page within the first second.
Find the leak on your page
The free Nebula audit checks all 9 signals and returns a prioritised list of what to fix first. The $97 One-Leak Repair Sprint supplies a tailored change for one high-confidence page-level finding. You or your developer implements it, and the 30-day re-audit verifies the page condition. It does not promise conversion lift.