Solved

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

Simon159
Explorer
109 0 21

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

this issue is only on mobile, thanks!

IMG_5610.PNG

Accepted Solution (1)
shreyhweb
Shopify Partner
627 110 112

This is an accepted solution.

ok sorry, please add this code

<style>
@media screen and (max-width: 576px) {
.video-section{
max-width: 365px!important;
}
}
</style>
- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

Replies 3 (3)

shreyhweb
Shopify Partner
627 110 112

@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

shreyhweb_0-1704481019681.png

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

 

Thank you 🙂

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
Simon159
Explorer
109 0 21

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
Shopify Partner
627 110 112

This is an accepted solution.

ok sorry, please add this code

<style>
@media screen and (max-width: 576px) {
.video-section{
max-width: 365px!important;
}
}
</style>
- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com