Despite years of "the fold is dead" think-pieces, the first screenful of your website is still where 50%+ of visitors decide whether to keep reading. Get it wrong and the rest of your beautiful website never gets seen.
What "above the fold" means in 2026
The visible area of your site when a visitor first lands, on whatever device they're using. Mobile means roughly 360×640px visible; desktop means roughly 1366×768. Different devices, different cropping. Your job: make the first screenful work on both.
What it must contain
Five elements, every time:
- Who you are — business name and one-line description
- What you do — specific, not generic
- Who you do it for — sector, size, geography
- A trust signal — review, credential, logo, or named client
- A clear next step — primary CTA
If any of these is missing or unclear in the first screenful, you've broken the visitor's first decision.
What it should not contain
- Hero videos that take 6 seconds to load
- Sliders that nobody clicks past slide one
- Long-form copy hoping the visitor scrolls
- A navigation bar so cluttered it dominates the screen
- Stock photos of nothing in particular
Mobile-first thinking
80%+ of small business website traffic is mobile in 2026. Your above-the-fold experience is the mobile one. Desktop is a slightly more spacious version of the mobile screen, not a different design.
Designers who lead with desktop and "respond down" to mobile inevitably produce mobile experiences that feel cramped. Better: design mobile first, then expand the layout for larger screens.
The CTA question
What should your primary above-the-fold CTA be? It depends on sector and buying stage:
- Trades and emergency services: phone number, click-to-call enabled
- Professional services (accountants, solicitors, consultants): book a discovery call or free audit
- Hospitality, salons, gyms: book an appointment or table
- Bespoke services: request a quote with structured intake
The wrong CTA for your sector kills conversion. The right CTA, repeated, lifts it.
Performance matters here more than anywhere
The above-the-fold area must paint within ~1.5 seconds on a 4G mobile connection. That means:
- Hero images optimised (WebP, served via responsive `srcset`, lazy loading deferred for below-fold content only)
- Critical CSS inlined
- Fonts preloaded
- No render-blocking JavaScript
Get this wrong and visitors leave before your beautiful design has rendered.
Common above-the-fold mistakes
- Massive hero image with tiny illegible text overlay
- Carousel auto-rotating so fast nothing registers
- "Welcome to our website" hero (the second-worst opening line on the internet, after "in today's fast-paced digital world")
- A nav with 11 items that take up half the screen on mobile
How to audit yours
Take a screenshot of your homepage on a mobile device. Cover everything below 640px from the top. Ask a non-employee: "what do they do, who is it for, and what would you do next?" If they can't answer in 10 seconds, fix it.
A note from the Bloomorbit studio
We do free above-the-fold audits for UK small business websites. Five-point read on what's broken and how to fix it. Cardiff-based, UK-wide.