Mobile conversion path is fully functional
Why it matters
Mobile devices generate the majority of web traffic, and a conversion path that breaks on small viewports silently discards most potential signups. A CTA hidden by hidden sm:flex, a form container with a fixed 600px width that triggers horizontal scroll, or a sticky navigation bar that covers the submit button all render the funnel unusable for phone visitors — a failure that is invisible on the desktop preview the developer tests against.
Severity rationale
Critical because a broken mobile path eliminates the majority of traffic from converting, regardless of desktop polish.
Remediation
Audit every conversion-critical element (CTAs, forms, signup buttons) across responsive breakpoints and remove any hidden sm:* or hidden md:* utility that hides the primary action on mobile without a mobile-specific replacement. Replace fixed pixel widths on form containers with fluid widths. Edit app/(marketing)/page.tsx and form components:
<Button className="w-full sm:w-auto" size="lg">
Start Free Trial
</Button>
Add scroll-padding-top to html in globals.css so sticky headers do not overlap anchored CTAs.
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the Conversion Optimization Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
Taxons
History
- 2026-04-18·v1.0.0·Initial import from marketing-conversion·automated