Mobile PDF Display Fix

Job ID: 40606166

Budget: $10 – $30 AUD

When visitors open the PDFs I attached with the native WordPress “File” block, everything looks great on desktop, but on phones the page is wider than the screen and forces horizontal scrolling. I have confirmed the problem on several Android and iPhone models. What I need is simple: the embedded PDF should automatically resize so the full page fits inside the mobile viewport, while leaving the existing desktop view untouched.

Whether you solve this with a bit of targeted CSS, a small JavaScript snippet, or a lightweight viewer plugin is up to you—the key is that the fix applies to every current and future File block without my having to re-embed files one by one.

Deliverables
• Responsive behaviour that scales each PDF to 100 % of the mobile screen width, eliminating side-scrolling
• Testing proof from at least one Android and one iOS device
• A brief note of the code or settings changed so I can maintain the solution later

Budget is $10, put 10 in ur offer to make sure u have read the requirements.