OptiUX Console

Friction feed

4 open

Mobile checkout drop-off

+24.2%

/checkout · iOS Safari · <420px · 6m ago

Sessions: 3,912
Dead taps: 1,187
Revenue/hr: −$4.1k

Root cause

.checkout-cta uses position: relative inside a 100vh container with overflow: hidden. On screens under 420px the browser's bottom toolbar covers about 70% of the pay button.

Seen in 1,187 session replays: taps land on the toolbar, not the button
Introduced in v1.0.4 · a3f9c1e
Desktop and tablet unaffected
Follow-up: use 100dvh for the shell

Is this diagnosis right?

Search filter rage-clicks

+9.7%

/search · Chrome Android · 14m ago

Product image layout shift

CLS 0.31

/p/* · all devices · 38m ago

Promo code validation loop

+3.1%

/cart · Safari macOS · 1h ago

Nav menu tap targets

Fixed

v1.0.3 · 2d ago

Live vs. proposed

390 × 844 · iOS 18

Live v1.0.4

Proposed fix/cta-sticky

Predicted impact

Conversion lift: +14.2%; 11.8–16.5 (95%)
Abandonment: −8.4%; 6.9–9.7 (95%)

Revenue / day: +$31,460
Affected traffic: 38.6% of mobile
Regression risk: Low
Based on: 12,480 sessions

src/styles/checkout.css +1 −1

  .checkout-cta {    width: 100%;- position: relative;+ position: sticky; bottom: 0; z-index: 50;    padding: 12px 14px;  }

Change limited to one CSS rule
Proposed build checked at 390px
No layout change at 420px and wider

Open pull request
Build and test on staging
Deploy to production
Verify on iOS Safari

Ships to 10% of mobile traffic first and rolls back on its own if checkout errors rise. Checkout, payment and pricing changes always need a person.