Enlarge video on mobile only (dawn theme)

Store Design
, ,
1

Hi! How can I enlarge this video on mobile only at www.10xfuel.com ?

10xfuel_1-1706204833117.png
10xfuel_1-1706204833117.png1334×482 196 KB

Thx!

2

Hi @10xfuel

You can put given CSS code into your theme files and get results only for mobile,

Online Store > Edit Code > Find base.css file into your asset folder and then place the code at the end.

@media only screen and (max-width: 767px) {
.section-template--15940951933066__custom_liquid_AfzDDb-padding {
    overflow: hidden;
}
section#shopify-section-template--15940951933066__custom_liquid_AfzDDb video {
    height: 450px;
    transform: scale(1.5);
}

}

Thanks