How do i adjust the cama theme hero desktop and mobile video?

[happybeez25]

i uploaded a 1920X1080 (16:9) video for the desktop video, but the video is cutoff from the bottom header. Please help? Thanks

[Bundler-Manuel · Accepted solution]

Hey there @happybeez25  You can try out this code but adjust the figures with what you’d like for your own video in the store

<style>
@media screen and (min-width: 770px) {
.video-section__media.deferred-media{
max-width: 500px;
text-align: center;
--ratio-percent: 45%!important;
margin: auto;
}
.video-section__media video{
max-width: 500px;
height: auto!important;
left: 0!important;
}
}
</style>

Let me know if this works for you!

[happybeez25]

thanks for the css code, but i am not familiar with coding. The codes you sent, is it applied for desktop or desktop and mobile?

[DexterParson]

To adjust the hero video in the Cama theme for both desktop and mobile, check your theme settings for video height, width, and positioning options. If the theme doesn’t offer built-in controls, you may need to modify the CSS or use custom JavaScript to ensure proper scaling. Are you trying to resize, reposition, or swap out the video entirely?

[CafeDelMar]

Hey @happybeez25 , can you please share the page with the cutoff video? Would be much easier to solve. If it's password-protected, a password would be needed too.