Hi there,
I have a video on my shopify store home page, but it seema big for desktop and mobile version. How can resize it to fit the screen?
The website url is: https://utsahas.store/
- Here is the solution for you
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (min-width: 750px) {
.media>*:not(.zoom):not(.deferred-media__poster-button){
padding: 25rem 15rem !important;
}
}
@media only screen and (max-width: 749px) {
.media>*:not(.zoom):not(.deferred-media__poster-button){
padding: 2rem;
}
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.