Video Size on Product Page - Mobile & desktop on Dawn Theme

2 0 0



We would like to fix the formatting of the video on our product page:


Issue 1 = Desktop: The video appears with black bars down each side we would like this to fill the screen and autoplay

Desktop Video.png


Issue 2 = Mobile: The video is too wide for the template and is skewing how the site is viewed. We would also like this to autoplay on mobile


Mobile Video.png



Reply 1 (1)

Shopify Partner
162 11 19

Hi @RockOnRuby, you can try to add this CSS to your store so the video fits into the screen size.

Online Store > Theme > Customize > Settings > Custom Css

@media only screen and (max-width: 767px) {
div#root {
width: 350px;

 Hope this helps, and tag us if you have any more questions

Magenest - One-stop Digital Solution Provider
- Don’t forget to drop a thumbs-up and Mark it as a Solution if you find our response useful
- Elevate your online business with our Shopify experts and professional designers