How to remove empty space on product page

[Allen6224]

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

[BSSCommerce-B2B]

Hi @Allen6224 

Specific URL leading to the page containing the video?

[Allen6224]

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

[BSS-TekLabs · Accepted solution]

- 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 </head> and press 'Save' to save it.

 

<style>
@media screen and (max-width: 767px) {
    .product-description-area .product-single__accordion__item .product-single__accordion__item-wrap .top-border-line video {
        height: 200px !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.