How to Check Your Website on Mobile
Most visitors now open websites on a phone, so a site that looks perfect on a computer can still fail on mobile: text too small to read, buttons too close together, menus that will not open, images wider than the screen. This guide shows you how to check your own website on a mobile phone in minutes — free, with no install — using Mobile Preview, and what to fix when you find a problem.
How to check your site on mobile — step by step
Open Mobile Preview
Go to the Mobile Preview homepage. The tool is free, with no sign-up and nothing to install — it works in any modern browser on phone, tablet or computer.
Type your website address
Enter your full website address — for example https://example.com — and press Preview. The site loads inside a realistic phone frame at that phone's true screen size.
Pick the phones your visitors use
Start with iPhone 16 Pro (393 px wide), then try Samsung Galaxy S24 (360 px) and Google Pixel 9 (412 px). The most common problems appear at the smallest width, so always check 360 px. Use the Compare button to see two phones side by side.
Rotate to landscape
Press Rotate and check the site sideways too. A page that works in portrait can still break in landscape — wide images, tables and videos are the usual suspects.
Try a custom size
Type any width and height — for example 360 × 740 — to test a size no phone in the list has. This is how you check small phones and unusual screens.
Write down every problem you see
For each problem, note the phone, the width and what broke: text too small, a button hidden behind another element, a menu that does not open, an image wider than the screen, a form field you cannot tap. Fix them one by one and re-check after each fix.
Try it now — preview your site →
Common phone screen sizes to test
| Phone | Screen size | Why test it |
|---|---|---|
| iPhone 16 Pro / iPhone 15 | 393 × 852 | The most common iPhone size today |
| Samsung Galaxy S24 | 360 × 780 | The most common small Android width |
| Google Pixel 9 | 412 × 915 | A large Android phone |
| Generic Android | 360 × 800 | A typical budget Android phone |
| iPhone SE (older) | 375 × 667 | Still common — worth one check |
Five things to check on every mobile preview
- Test the smallest width first: If your site works at 360 px wide, it usually works everywhere. Most mobile problems — overflowing images, tiny text, crowded buttons — appear at the smallest width.
- Tap everything: On a phone there is no mouse hover. Menus, dropdowns and buttons must work with a tap. If a menu only opens on hover, mobile visitors cannot use it at all.
- Check your forms: Name, email and message fields must be big enough to tap (at least 44 px high) and the keyboard must not cover the Submit button. Test a full form submission on mobile, not just on a computer.
- Watch your images and videos: Images wider than the screen force sideways scrolling, which most visitors hate. Videos should scale to the screen width. If a page scrolls sideways, something on it is too wide.
- Mind the blocked sites: Google, Facebook, Instagram and YouTube block embedding, so they cannot be previewed inside a frame. That is their security setting, not a problem with your site or this tool — open them in a new tab instead.
Frequently asked questions
How do I check my website on mobile for free?
Type your website address into Mobile Preview, pick a phone, and press Preview. The site loads inside a realistic phone frame at that phone's real screen size — free, with no sign-up and nothing to install.
What screen sizes should I test?
At minimum: 360 px wide (Samsung Galaxy S24 and most Android phones), 393 px (iPhone 15 and 16 Pro) and 412 px (Google Pixel 9). Always test the smallest width first — most problems appear there.
Why does my site look different on a phone?
A phone screen is narrow, so the page reflows: columns stack, menus collapse, text wraps differently. A layout that fits a 1280 px computer screen can overflow, overlap or shrink on a 360 px phone screen.
Can I preview a site that blocks embedding?
No — sites like Google, Facebook and YouTube send a security header (X-Frame-Options) that forbids showing their pages inside a frame. Mobile Preview tells you plainly when that happens and offers to open the site in a new tab instead.
How do I fix a site that looks broken on mobile?
Find the exact problem first: which phone width, and what broke. The usual fixes are making images scale to the screen width, using a tap-friendly menu, and making buttons and form fields at least 44 px high. Then re-check after each fix.
Share this tool
Found this tool useful? Share it with someone who needs it: #MobileTesting #WebDesign #ResponsiveDesign #MobilePreview #WebsiteCheck