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
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.liquidfile 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.
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.