Fix my site looking broken on phones | Vovy

Vovy opens your site in Chrome's device mode, finds what overflows or overlaps on small screens, and fixes the layout for every phone size.

My site looks fine on desktop but it's broken on my phone

How it works

Open device mode: Vovy opens DevTools and turns on the device toolbar with Cmd+Shift+M, then loads your pages as an iPhone SE, a common small screen.
Find what sticks out: It hunts for sideways scrolling and highlights the element wider than the screen, often a fixed-width image, table or long URL.
Check tap targets and text: It checks buttons too small to tap, text under 16px that makes iPhones zoom into forms, and menus that don't open.
Fix the layout in Cursor: Cursor swaps fixed widths for flexible ones, adds mobile breakpoints and makes wide tables scroll inside their box. You review each change.
Show before and after shots: Vovy captures each page at three phone sizes and shows before and after side by side.

It is close for layout. Test once on a real iPhone too, since Safari handles some things, like the address bar height, differently.

Safari zooms when an input's font is smaller than 16px. Setting inputs to 16px stops it.

No. Mobile fixes go inside small-screen breakpoints so desktop stays as it is.