Video Resolution

[no1apparels]

I have a video on my main page that is 21/9, the theme only allows editing up to 21/9.

I'd like it to be 26/9 or 30/9 as it's too tall and it takes up the entire space of a desktop window, is that possible?

I'd also like to retain the current dimensions for mobile.

my website: www.no1apparels.com

[suyash1 · Accepted solution]

@no1apparels please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.video-section__media{aspect-ratio: 26 / 9 !important;}

[no1apparels]

Thank you, that worked! Do you have any idea how I can enforce the video to have highest priority when loading the page?

[suyash1]

@no1apparels  - do not know about it to be honest, but as per my knowledge video has least priority as it uses much more data compared to image/text and takes a lot loading time on smaller devices