Video Cropping Behavior in Prestige Theme

Store Design
1

Hey all!

I am using the prestige theme and want to include a simple media grid with two videos. I want to make it so that the videos are never cropped and auto-size to the width of the window (with some margin between each video and the page edges). I don’t care what the height is- it can be sized accordingly so that there’s no cropping.

My problem is that the prestige theme always seems to crop some part of the videos to make them fit into the media grid. Is there a way to write a piece of custom CSS to fix this, or do I need a developer?

Ideally the videos would be side-by-side on large displays and on top of each other for mobile/smaller displays.

Thank you!

Sean

2

Hey @thing288 I hope you are doing well. I am Qasim a Sr. Shopify Developer and official Shopify Partner.

Cropping a video or image cause issue when you don’t set the correct width and height of the Video or image. Could you please share your Store URL and password (If applicable) so that I check it and provide you solution code.

Thanks

3

Thanks for getting back to me Qasim! Here’s a link to the website. The password is open2025

https://affinedesign.com/collections/all-products

Looking forward to hearing back from you!

Sean