Make a custom HTML section full width (minimal theme)

RenatoMP
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="https://cdn.shopify.com/s/files/1/0025/5308/6019/files/horizontalmeh.mov?v=1620158070" type="video/mp4">
Your browser does not support our video.
</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?

Website: www.mehperu.com

Password of the website is: mehwinnie21

Thank you all,

Renato

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

banner

0 Likes
HardikDavra
Shopify Partner
1870 296 813

Hello,

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.

Contact Me On : parambabla.soft@gmail.com