Help Making Video Banner Full Height on Mobile

[snk729]

Hi everyone,

I’m working on a Shopify store and need help making a video banner display full height on mobile screens.

The video is added via a custom Shopify section. The video remains short and doesn’t stretch to the full screen height on mobile. Does anyone know how I can reliably target and style the video banner? Is there a way to make it full height on mobile?

Any advice or working examples would be really appreciated!

Thanks!

site:
https://murelle.co/
password:
12345

[DrewOswald]

Add this CSS to the Custom CSS area in that section:

@media screen and (width < 750px) {
  .video-container {
    height: 100vh;
  }
}

[Dan-From-Ryviu]

Hi @snk729

You can add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.

.video-container {
    height: calc(100vh - 39px);
}