Re: Full width video on home page ! help!

Solved

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

LEUNGGUOTAO
Excursionist
29 0 4

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

 

Accepted Solution (1)
ZestardTech
Shopify Partner
6071 1087 1458

This is an accepted solution.

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

Zworthkey
Shopify Partner
5581 641 1581

 

 

@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.

dmwwebartisan
Shopify Partner
12366 2558 3743

@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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ZestardTech
Shopify Partner
6071 1087 1458

This is an accepted solution.

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
LEUNGGUOTAO
Excursionist
29 0 4

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!

LEUNGGUOTAO
Excursionist
29 0 4

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

Is it something woring ?

@ZestardTech  thanks!