Shopify themes, liquid, logos, and UX
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)
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month nowBy investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024