Mobile Layout Fixes Needed

My website looks fine on desktop, yet on phones and tablets the layout breaks. This is a site-wide problem: every page—home, product details, contact, and anything in between—suffers from the same mobile‐only layout issues. Content shifts unpredictably, elements stack in the wrong order, and the overall look of the website simply feels “off” when viewed on a small screen.

What I need is straightforward: review the existing HTML/CSS (plus any inline styles or framework overrides), isolate the causes of the mobile layout problems, and implement responsive fixes so the site renders cleanly on modern iOS and Android devices. Media queries, flexible grids, and properly scaled images should combine to make text readable, navigation easy to tap, and content consistently aligned across breakpoints.

Deliverables
• Updated style sheets or component files with clearly commented changes
• Fully responsive pages confirmed on at least iPhone and Pixel viewports (portrait and landscape)
• Brief before-and-after screenshots or a short screen-recording showing the improvement

I already host the site, so once the repaired files are uploaded I can deploy immediately. Let me know your typical turnaround time and any similar projects you’ve handled, and we can get started.