Above the Fold
Above the fold is the portion of a web page visible without scrolling, the first thing a visitor sees when the page loads.
In depth
The term comes from newspapers, where the most important headlines sat above the physical fold. Online, it matters because visitors decide within seconds whether a page is worth their attention, and most of that judgment happens before any scrolling. The above-the-fold zone must communicate the core value proposition, establish relevance to the visitor's intent, and present a clear primary action without forcing the user to hunt for it.
A frequent pitfall is cramming everything into this area, which creates clutter and dilutes the single most important message. In a quiz-funnel workflow, the above-the-fold space on a landing page should carry a benefit-led headline, a one-line promise of what the quiz reveals, and a prominent 'Start the quiz' button, so the entry point is unmissable. Because viewport sizes vary across devices, the fold is not a fixed pixel line, which means the layout should ensure the call to action stays visible on the most common mobile and desktop screens.
Example in practice
Frequently asked questions
Does above the fold still matter on mobile?
Yes, arguably more than on desktop. Mobile screens are smaller, so the visible area carries even less content, making it critical to lead with the value proposition and the primary call to action.
What should go above the fold on a quiz landing page?
A clear benefit-led headline, a one-sentence promise of what the quiz reveals, and a prominent start button. Supporting details, testimonials, and FAQs can live below the fold once the visitor scrolls.
Is the fold a fixed position?
No. It shifts with screen size, resolution, and browser chrome, so there is no single pixel line. Design for the most common viewports and test that your call to action stays visible across them.