How can I adjust a full width video to 350px height on my home page?

Store Design
1

Hi

I would like to add a full width video on my home page , But I can’t change the width and height very well .

Is it poosible for me to adjust the video with full width and 350 px height ?

Thanks！

My URL: sales.bellissimochina.com

LEUNGGUOTAO_0-1630578421543.png
LEUNGGUOTAO_0-1630578421543.png2542×946 238 KB

2 
@media (min-width: 1200px){
#shopify-section-16305778073f7b73b8 .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
}

hii, @LEUNGGUOTAO

Paste this code on top of the theme.scss file

Thank You.

1 Like
3

@LEUNGGUOTAO

Go to Online Store->Theme->Edit code then go to assets/theme-styles-responsive.scss.liquid ->paste below code at the bottom of the file.

@media (min-width: 1200px){
#shopify-section-16305778073f7b73b8 .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
}

Thanks!

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.video-wrapper {
width: 100vw;
margin-left: -50vw;
left: 50%;
position: relative;
}
5

Hi,Pallavi

It works ! But I need to know how can I adjust the height of video section .

I would like to make it like 450px .Right now it’s too large .

Could you help me ?

Thanks!

6

And also it seems it can’t autoplay on mobile version .

Is it something woring ?

@ZestardTech thanks!