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

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

RockOnRuby
Visitor
2 0 0

Hello,

 

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

 

https://rockonruby.co.uk/products/personalised-sweatshirts

 

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

 

Thanks

Reply 1 (1)

magenest
Shopify Partner
162 12 23

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