Quick Mobile Layout Fixes
Budget: $10 – $30 USD
My site’s home page looks polished on a desktop yet loses its structure on phones: text runs off-screen, columns collapse unpredictably and the hero image overlaps headings. Navigation and loading speed are fine—the only challenge is layout.
What I need now is a swift, surgical cleanup of the home page’s responsive CSS/HTML so it behaves across common breakpoints (iOS Safari, Chrome on Android, and at least 375 px to 768 px widths). Frameworks, media queries or flexbox adjustments are all fair game, as long as you work directly in the existing codebase and keep the desktop view unchanged.
Acceptance criteria
• Home page renders without horizontal scrolling or overlapping elements on smartphones and small tablets
• Google’s Mobile-Friendly Test shows “Page is mobile friendly”
• All changes documented in brief comments or a short changelog so I can track what was touched
A fast turnaround is important; once the fixes are in place I’ll verify on multiple devices and sign off.
What I need now is a swift, surgical cleanup of the home page’s responsive CSS/HTML so it behaves across common breakpoints (iOS Safari, Chrome on Android, and at least 375 px to 768 px widths). Frameworks, media queries or flexbox adjustments are all fair game, as long as you work directly in the existing codebase and keep the desktop view unchanged.
Acceptance criteria
• Home page renders without horizontal scrolling or overlapping elements on smartphones and small tablets
• Google’s Mobile-Friendly Test shows “Page is mobile friendly”
• All changes documented in brief comments or a short changelog so I can track what was touched
A fast turnaround is important; once the fixes are in place I’ll verify on multiple devices and sign off.