How Do I Make The Video Shown In The Image A Little Smaller On Mobile?

[Simon159]

https://charmente.com/products/long-sleeve-jumpsuit

this issue is only on mobile, thanks!

[shreyhweb]

@Simon159 

Hello Please add the below code above </body> in theme.liquid

<style>
@media screen and (max-width: 576px) {
.video-section__media{
padding-bottom: 150%!important;
}
.video-section__media video{
object-fit: cover!important;
}
}

</style>

after added

if our solution is helpful for you then please like and accepted.

Thank you 🙂

[Simon159]

hey i said i wanted to make it smaller, not bigger. i want the width of the video to be a little smaller on mobile thats it. 

[shreyhweb · Accepted solution]

ok sorry, please add this code

<style>
@media screen and (max-width: 576px) {
.video-section{
max-width: 365px!important;
}
}
</style>