The request
“I'm using the background video block as a hero at the top of the page but I've hit limitations. It's not coded to be full-screen and the sizing changes depending on the device.”
The theme's built-in video block was designed as a content section, not a hero. The brand wanted it to fill the viewport on every screen.
The approach
We reworked the hero to fill the full viewport on desktop and tablet, with a properly sized fallback on phones so it doesn't chew through data. The brand controls the video, the poster image, and the overlay text from the theme editor.
What we shipped
Full-viewport video hero on desktop and tablet
Sized fallback for phones
Overlay text and poster controlled in the theme editor
Consistent sizing across screen sizes