Make a custom HTML section full width (minimal theme)

New Member
2 0 0

Hello i have no knowledge on html or any coding so we wanted to show a new video on our main page. We put this code we found on a video:

<video controls="controls" style="max-width:100%; height: auto;">
<source src="" type="video/mp4">
Your browser does not support our video.

The problem is that the video does not appear to be full width as it not match the width of my actual banner. (only visible on laptops and bigger screens as smaller screens and mobile works fine) It leaves a margin on the right. Also we would like to make the video start as soon as a customer visits the page. Is there any way i can fix that?


Password of the website is: mehwinnie21

Thank you all,


Captura de Pantalla 2021-05-04 a la(s) 15.13.54.png


Shopify Partner
1946 305 841


Welcome to the shopify Community.

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

#shopify-section-1620158277b266cd20 .page-width video {
width: 100%;
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: | Whatsapp