How to make video section full width in Debut theme?

Store Design
1

Hi! I’ve searching to find how to add custom code to make the Video section in Debut theme full width. Any help would be great!

Here’s my site: https://forthewaterswim.com/?_ab=0&_fd=0&_sc=1

2

Please share preview URL

3

Here ya go

https://0hkb3kg3yapan6h4-15179972662.shopifypreview.com

4

Please place this code at the end of theme.scss

#shopify-section-16081616391756c69b .page-width {
max-width: unset !important;
padding: 0px !important;
}

#shopify-section-16081616391756c69b #Video-16081616391756c69b {
   width: 100% !important;
   left: 0px !important;
}
1 Like
5

Thanks so much!! Worked perfectly!

6

Thank you for update.

7

Hi there, it doesnt work on my theme, im using modular, can anyone please teach me how to edit the code? thank u

8

Hello, @boonking_chan

Welcome to the shopify Community.
I read your problem and it seems that I need to analyze your website to provide solution here.
Would you please share your website URL and if your website is password protected then also provide password.

9

www.crakeshoes.com password klaybo

10

@boonking_chan

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

#shopify-section-16204869142cd3083c .container {
max-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
11

thanks, the problem is solved.. thank u so much

12

HI there, may I ask, what if I wanna adjust the height of the video player to a little bit lower?
height=“70%” <— does it work?

13 
#shopify-section-16204869142cd3083c .container .custom-html__code video  {
height: 500px; /* provide height which you want to set */
}
14

when the height is 500px, the video width is not 100%, how do I make it 100% width with 500px height?

thank u

15

It is not possible.

16

please take a look at this www.superga.com.sg

how do I make the video background like this? landscape view,

thank u

17

Do you have youtube video?

18

yes https://www.youtube.com/watch?v=YZmtAB4B4mU

19

Yes then it can be possible by doing some modifying code in your store.

20

what modifying? what do I need to do?