Home / Notes / broken-mobile-layout
website broken on mobile fix
Desktop-only CSS, 320px overflow, and click-to-call that is not a link. We fix the phone layout the same day.
The number is a PNG. The form is below a 2000px hero. Horizontal scroll hides the button. Lighthouse is a hint; a thumb is the proof.
viewport meta, overflow-x, tap targets, tel: and mailto: that work, form fields that do not zoom-break iOS, sticky call on trades sites.
A 6MB hero is a layout bug. We compress, lazy the below-fold, and keep LCP honest.
Plus the URL. We reproduce and patch.