Check before the first scroll

Find the primary and alternative actions in the mobile first screen

Inspect the exact commercial page in a new private window. The goal is not merely to find a button, but to see a clear action that can be tapped before scrolling and is not covered by a menu, chat or banner.

Two buttons checked above a mobile first-screen boundary with viewport measurement and screenshot evidence
The boundary depends on height as well as width, browser controls and elements that appear after loading.

Simple phone check

  1. Open a private window to reduce cache and personalised-banner effects.
  2. Open the exact URL and do not scroll.
  3. Name the action that appears primary.
  4. Find an alternative for a visitor with another intention.
  5. Check that both tap areas are fully visible and their outcomes are understandable.
  6. Capture the unscrolled screen and record the phone model or viewport size.

Evaluate the result

First-screen problem levels
LevelWhat is visibleConclusion
CriticalNo target action without scrolling, or the action is fully coveredA visitor may leave without finding a contact path
ProblemOnly an unclear button, a number without a prompt, or a partially clipped tap areaPriority and layout need improvement
ImprovementThe primary action is visible but a useful alternative is belowReview the alternative's value and available space
GoodThe offer, primary CTA and alternative are clear and unobstructedProceed to functional testing of those actions

DevTools check

  1. Open the page in Chrome or Edge and press F12.
  2. Toggle the device toolbar with Ctrl+Shift+M or Cmd+Shift+M.
  3. Test at least a narrow short viewport and a common medium phone.
  4. Reload at each size without scrolling.
  5. Increase browser text size and inspect the open menu, consent banner and chat.

Device mode is useful for dimensions and overlaps, but a real phone better represents browser chrome, safe areas and thumb use.

Save evidence

  • exact URL and check date;
  • unscrolled screenshot;
  • viewport width and height;
  • identified primary and alternative actions;
  • a separate capture of any overlap or clipped button;
  • results from a real phone and DevTools when they differ.

Why results differ

The first screen changes with device height, browser bars, consent banners, sign-in state, geography, A/B tests, text size and an open menu. One successful capture from a tall phone therefore does not prove that every visitor receives a usable layout.

This manual check covers one submitted URL. The automatic audit is not connected yet. If the issue is confirmed, you can order the mobile first-screen improvement.