Video container blank space on mobile

Store Design
,
1

Hi guys

I have a video that I want to hold it´s aspect what ever the device/resolution is being used. It´s all fine on desktop, but once viewed on mobile the Mobile height has the lowest px setting of 450 which leaves a large white space (see image).

Is there any CSS I can use to have the container height adjust to the media/video?

Thanks in advance!
P.s. why is there no option to select another video for mobile, like it is for image banners?
I have a 1:1 version of the video, just no option to use it for mobile :thinking:

Screenshot 2024-10-16 161207.png
Screenshot 2024-10-16 161207.png379×509 60.7 KB

2

Hi @HJ4

You can follow the video below to assign a different video for desktop and for mobile. Depending on your theme, the theme should adjust to the size of the video