Why is my video banner not resizing correctly in the Dawn theme?

Store Design
1

Hello Devs,

I am currently using the dawn theme and I have an issue with the video banner on the home page. The video does not resize based on the width of the screen exposing lots of padding or it cuts it off. The mobile site is perfect, I just need the video to not crop out or show extra padding when the browser is stretched or shrunk.

Help! :slightly_smiling_face:

URL

PW: makkpress

https://dev-four-seasons.myshopify.com/admin

1 Like
2

Hi @Ryan_Chalme ,

You can try the code below.

  1. In your Admin store, click Online store > Themes
  2. Go to the theme you want to edit, click Actions > Edit code
  3. In your Asset folder, open the base.css and add the code below
#Banner-template--15709016588447__image_banner {
    aspect-ratio: 16/9;
    height: auto;
}
1 Like