Task № 0015 · Completed 2019 · Botanical skincare brand

Full Width and Sizing of Banner

A skincare brand's video hero banner had limits they'd run into: it wouldn't go full-screen and the sizing was inconsistent across devices.

Want one like this?

Tell us about your store and we'll send a flat-rate quote within 24 hours. No commitment until you approve.

Request a quote
2 to 4 business days
Turnaround, from quote to live
Medium
Task complexity
Brooklyn
Shopify theme
2019
Year completed
01

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.”
Typical request
Paraphrased from merchant tickets in this category

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.

02

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.

03

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

How a task moves from submission to live

Getting your task done with TaskHusky is super-easy and fast

1

Tell us about your task

URL, theme, screenshots if you have them. Two minutes.

2

Approve your quote

We respond in 24 hours with scope, price, and timeline. Commit only if it makes sense.

3

We get to work

We start the moment you confirm. Pay-as-you-go, no minimums.

4

Get it done

Built on a duplicate theme, QA'd, pushed live with a walkthrough.

Have a Hero Banner & Slideshow task in mind?

We've completed 937 Hero Banner & Slideshow tasks since 2016. Submit yours and we'll quote it within 24 hours.

Submit your task