Fix WordPress Mobile Layout

My WordPress site looks great on desktop but unravels on phones and tablets. On the home page, every hero image and section shifts awkwardly; product listings stack incorrectly, and the contact page’s form spills off-screen. Nothing is broken in terms of links or speed—it’s purely a layout headache.

I want each of these pages to mirror the desktop design in style, colours and content but respond fluidly to smaller breakpoints. You’re free to adjust CSS, media queries, or tweak the theme’s template files and page-builder settings—as long as the end result is clean, fast and pixel-consistent across iOS, Android, and common modern browsers.

Deliverables:
• Responsive fixes for Home, Product and Contact pages that preserve existing branding.
• CSS/JS changes delivered via child theme or customizer so core updates remain safe.
• Cross-device test report with screenshots confirming everything renders correctly at key widths (320px, 414px, 768px, 1024px).

Once those three pages are solid, I’ll run a final check on Lighthouse and GTMetrix; if layout scores pass with no major shifts or overflow, we’re done.