Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
@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.
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!
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;
}
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!
And also it seems it can't autoplay on mobile version .
Is it something woring ?
@ZestardTech thanks!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025