how to make a video full width in debut theme

Solved
tiff0067
New Member
8 0 0

hi! 

I've been searching for a solution to make video full width. Is there any custom code I can add in my html, whenever I want my video to be full width? or something:) 

here's my site: https://lashouts.com/pages/loyalty-and-rewards

0 Likes
Pallavi
Shopify Expert
735 94 108

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.medium-up--five-sixths {
width: auto!important;
}
}
@media only screen and (min-width: 750px){
.medium-up--push-one-twelfth {
left: 0!important;
}
}

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
0 Likes
Zworthkey
Trailblazer
196 11 44

Hi,

use this code 

@media only screen and (min-width: 750px)
.medium-up--push-one-twelfth {
    left: .33333%;
}
@media only screen and (min-width: 750px)
.medium-up--five-sixths {
    width: 100.33333%;
}
tiff0067
New Member
8 0 0

nothing happens when I paste in the code..

0 Likes
Zworthkey
Trailblazer
196 11 44

Have you used my code?

tiff0067
New Member
8 0 0

it made my site look like this: Skærmbillede 2021-02-19 kl. 12.14.38.png

 

but hey it made the video full width...so something went right lolSkærmbillede 2021-02-19 kl. 12.14.43.png

0 Likes
Zworthkey
Trailblazer
196 11 44

wait let me check. remove the code

0 Likes
Zworthkey
Trailblazer
196 11 44

hi, 

add this code in the theme. scss

.rte {
    color: #333232;
    max-width: 300%;
    margin-left: -15%;
    margin-right: -130px;
}

 

 

 I hope it will be most helpful for you.

Thank you

Zworthkey
Trailblazer
196 11 44

If you got a solution the Accept the solution and like the solution.

0 Likes
tiff0067
New Member
8 0 0

nothing happens when I insert the code

0 Likes