Solved

How can I adjust video size for mobile view?

collins276
Trailblazer
212 1 32

Hi guys,

I'd like to edit the video size in Mobile view

When I hit/ tap the play button, the video size shrinks and leaves white gaps at the both edges (as picture 1). How can I make the video covers the screen width completely (as the picture 2).

Please check my url: https://189ee3-2.myshopify.com/products/tank-top

Thank you,  

 

06f73d46af1d03435a0c.jpg

 

07266f81fdda518408cb (1).jpg

 

Accepted Solution (1)

diego_ezfy
Shopify Partner
2967 569 892

This is an accepted solution.

@collins276@collins276, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

deferred-media video{
    object-fit: cover !important;
}



If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

View solution in original post

Replies 2 (2)

diego_ezfy
Shopify Partner
2967 569 892

This is an accepted solution.

@collins276@collins276, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

deferred-media video{
    object-fit: cover !important;
}



If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

collins276
Trailblazer
212 1 32

Thank you🙏😀