PDF Embedder Documentation

Documentation, Reference Materials, and Tutorials for PDF Embedder

Get access to
Powerful Features!

Home » Documentation » Troubleshooting Errors » Fixing a Vertically Cut Off or Unscrollable Page

Fixing a Vertically Cut Off or Unscrollable Page

After your PDF loads, does the page below it get cut off or lose its scrollbar? This is a theme compatibility issue, not a problem with PDF Embedder itself. Some WordPress themes use JavaScript to calculate the height of every page element on load and then lock the layout. Because PDF Embedder adjusts the viewer height after the PDF finishes loading, the theme’s layout engine does not account for the change and clips the page.

This guide explains why the problem occurs and provides a fix that resolves it without editing theme files.


Understanding the Cause

PDF Embedder sets the viewer to an initial height, then expands it once the PDF loads and the actual page dimensions are known. Themes that calculate and lock the page height on initial load do not recalculate after the viewer resizes. The result is a page that appears truncated or loses its scrollbar once the PDF is fully rendered.

This is a limitation of the theme, not a bug in the plugin. The CSS workaround below resolves it without touching any theme files.

Applying the CSS Fix

Rather than editing your theme, add a rule that reserves enough vertical space for the full-height PDF. Go to Appearance > Customize > Additional CSS and add the following:

.pdfemb-viewer {
    height: 2000px !important;
}
Code language: CSS (css)

The value 2000px is a starting point. Adjust it to match the actual height of your tallest embedded PDF. Too low and the page still clips; too high and the viewer leaves empty space below the PDF content.

If your site embeds PDFs of different heights across multiple pages, you can override the global rule on specific pages using a page-level Custom CSS block or a class added to the page template.

If this workaround does not resolve the issue, contact support with a link to the affected page.

Still have questions? We’re here to help!

Last Modified: