Dawn 2.0 Stop scaling video banner after certain width / background color container video banner

Store Design
1

There is a grey bar under my video banner. This is especially visible in the browser when scaling browser or on the mobile phone. When I change the min-height lower then 28rem nothing is happening. When I increase it, the grey bar(container) increases in size.

How can I either:

  • Make it white instead of grey (see edit below)
  • Or remove this 28rem restriction so I can freely scale the grey container with the rem value
  • Or make the video banner stop scaling after reaching a certain width so the grey bar never appears

I think any one point of the above is a solution to my problem.

fro_0-1650631726906.png
fro_0-1650631726906.png997×419 61.7 KB

EDIT: it’s not actually a grey bar, it’s probably the opacity overlay because I am using a text on the banner. Then the question is, how can I remove this 28rem restriction?

2

Found the value in the section.image-banner.css.

.banner–small:not(.banner–mobile-bottom):not(.banner–adapt) .banner__content {
min-height: 28rem;
}

Thanks Fro.

Np dude.