Check and fix how my website looks on phones and tablets
A device-by-device checklist of layout problems on a live site, likely causes, and fixes for your platform.
The prompt
Help me make my website look and work well on every device.
Website: [URL or description]
Built with: [e.g. WordPress with a theme, Shopify, Webflow, Squarespace, custom HTML/CSS, React]
Problems I've noticed: [e.g. "text too small on iPhone", "menu covers content", "images cut off on tablets", "horizontal scrolling"]
Devices and browsers that matter most: [from my analytics if I have it]
Key pages: [home, product, checkout, contact form]
Code or screenshots (optional): [PASTE CSS or describe what you see]
Give me:
1. A testing checklist I can run in browser dev tools and on real devices: viewport widths to test, what to check on each page (navigation, tap targets, font sizes, images, forms, tables, pop-ups, sticky elements).
2. The likely cause of each problem I described and the fix, written for my platform (theme settings, plugins or apps, or CSS).
3. Responsive basics my site should have: viewport meta tag, flexible images, readable base font size, tap targets of at least 44x44 pixels, no fixed widths.
4. Performance checks that matter most on mobile (image sizes and formats, lazy loading, layout shift).
5. Tools or plugins that can help, and when a theme change is a better fix than patching.
6. A prioritized fix list: issue, page, impact on visitors, effort.
Tell me to back up the site or use a staging copy before changing theme files or code.
Highlighted [brackets] are blanks to replace with your own details.
Fill in the blanks and use this promptMore SEO & Website prompts
What to fill in
- URL or description
- from my analytics if I have it
- home, product, checkout, contact form
- PASTE CSS or describe what you see
How this prompt is built
This prompt follows the Few-Shot structure (Few-shot prompting). A few-shot prompt includes one or more worked examples of the input and the output you want, so the model can copy the pattern instead of guessing it.
Related prompts
- Create an icon or illustration as SVG codeClean, scalable SVG graphics written as code.
- Diagnose slow launches and API cold starts in my mobile appA codebase-specific diagnosis of startup time, serverless cold starts, and network waste, with fixes ranked by impact on perceived speed.
- Speed up my websiteDiagnoses slow pages and prioritizes fixes for speed and Core Web Vitals.
- Write accessible alt text for imagesConcise, useful alt text that describes images for screen-reader users (and helps SEO).