Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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?
- 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.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page