Product video cropped in on mobile devices

Store Design
1

Hello,

Can someone help me please, with finding and writing the code for my problem.

When I click on my product video, it opens in fullscreen but cropped on mobile devices.

How can I change that, that the video will just play without opening in fullscreen or when opening in fullscreen, than at least that the video is in full size?

The last picture is exacly how it shoud be, but this is only the video on the home page and not on my product pages.

Thank you in advance.

Best regards,

Rainer

Product page
Product page928×802 66.3 KB

When clicking on video
When clicking on video976×806 69 KB

How it should be like on the home page
How it should be like on the home page970×805 62.4 KB

2

Hi @rainertein ,

Please send your site and if your site is password protected, please send me the password. I will check it.

3

The site is:

https://africa-wishes.de/

PW: Hallo1

4

Hi @rainertein ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

#VideoModal >b, 
#VideoModal .page-width, 
#VideoModal .video-wrapper--modal {
    width: 100% !important;
}

Hope it helps!

5

It’s perfect now, thank you so much for your help. :+1: