Make video on home page smaller on mobile format.

Solved
diydesigners
Excursionist
32 0 12

I want to make this video show up smaller on mobile it is showing up to large and most of the content is getting cropped off.

 

https://tasselsandconfetti.com/

PW: rtiegh

Screenshot (11).png

dmwwebartisan
Shopify Partner
7287 1721 2292

This is an accepted solution.

@diydesigners 

Please add the following code at the bottom of your assets/theme.scss.liquid file. 

@media screen and (max-width: 800px){
.hero .featured-hero.size-x-large, .featured-hero.size-x-large {height: 200px !important;}
.hero-video .wrapper.loaded .ytplayer-player-inline {width: 100% !important;height: 100% !important;left: auto !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes