How to remove empty space on product page

Topic summary

A user seeks to eliminate unwanted empty space appearing above videos on product pages when viewed on mobile devices. The issue affects over 10 product pages featuring MP4 videos.

Proposed Solution:

  • Locate and open the theme.liquid file in the theme editor
  • Insert specific code before the closing </head> tag
  • Save the changes

The solution provider included screenshots demonstrating:

  • Where the empty space currently appears on mobile
  • The exact location in the code editor to add the fix
  • The expected result after implementation

Status: The discussion appears resolved with a technical solution provided, though user confirmation of success is not yet documented.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

Hi,

I’m trying to figure out how to remove the empty space above the videos on product pages for mobile devices. See screenshot. website: www.liftchairheaven.com

Hi @Allen6224

Specific URL leading to the page containing the video?

There are over 10 pages that i have playing mp4 video. This is one of them.

https://liftchairheaven.com/products/mega-motion-lift-recliner-air-massage-power-headrest

  • Here is the solution for you @Allen6224
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.