The part of a page visible before scrolling. Its boundaries vary by device and viewport.

Above the fold refers to the portion of a page visible before a person scrolls. On the web, its boundary is not fixed: screen size, viewport dimensions, browser controls and layout all affect what appears initially. A design reviewed on a large monitor may introduce the page very differently on a phone.

The first view should help someone understand where they have arrived and how to continue. What belongs there depends on the task. A service inquiry page may prioritize the offer and a useful contact route, while an explanatory article may prioritize a clear title and opening answer.

Avoid treating the initial screen as the only part of the page that matters. Compressing every selling point into it can make the design crowded and the text difficult to read. The better question is whether the first view establishes context and leads naturally into the information the visitor needs.

Takeaway: Review the initial view on realistic screen sizes. Make the page’s purpose apparent without forcing every phone number, trust signal and action button into one crowded screen.

Example

An event page looks clear on desktop, but on a smaller screen a tall navigation area and oversized decorative image push the event name out of view. Reducing those competing elements may provide a better introduction. The decision should follow the actual layout rather than a claim that every button must always appear before scrolling.

What to check

Test common mobile and desktop layouts with the real content, not placeholder headings. Check whether overlays obstruct the page and whether the text remains usable. A fold-position adjustment is a usability decision, not a guaranteed ranking improvement.

For more detail, see Viewport concepts.