Skip to main content

My PDF Looks Like a Mobile View After Converting from HTML

Updated over a month ago

You're converting an HTML or URL to PDF, but the output appears in a mobile layout instead of the expected desktop view. This typically results in narrow content, large buttons, or stacked elements—similar to what you'd see on a phone.

Why This Happens

When rendering HTML or a webpage into a PDF, the system uses a "headless browser" to load and print the content. By default, it may simulate a mobile screen size or print media, which causes the output to appear in mobile view.

How to Fix It

To get a desktop view PDF, make the following changes to your request parameters:

{
    "margins": "0px 0px 0px 0px",
    "paperSize": "A3",
    "orientation": "Landscape",
    "printBackground": true,
    "mediaType": "screen"
}

This tells the converter to:

  • Use full width (A3 and Landscape)

  • Keep all styling (printBackground)

  • Apply desktop screen styles (mediaType: screen)

For Zapier or Make/Integromat Users:

These parameters are available as fields in the setup interface of your HTML/URL to PDF modules. No coding needed—just fill them in as shown.

Helpful Tips

  • paperSize like A3 helps render full-width layouts

  • mediaType: screen ensures desktop-style CSS is used

  • Try adding a delay if content loads dynamically (e.g., JavaScript-based pages)

Use printBackground: true to preserve all styling and background colors

Did this answer your question?