How can I increase image banner height to extra large? Dawn theme

[Asafsky]

I want the image banner of my homepage on mobile to cover all screen under the header. How can I do that?

https://www.camocolors.com/

[Dan-From-Ryviu · Accepted solution]

Hi @Asafsky 

Please add this code to Custom CSS of that section

.banner { height: calc(100vh - 195px); }
@media (max-width: 749px) {
.banner { height: calc(100vh - 185px) !important; }
}

[Asafsky]

This is great! Thanks🙏

[BSSCommerce-B2B]

@Asafsky ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid

<style>
@media only screen and (max-width: 989px) {
  #Banner-template--23430830915867__image_banner {
     min-height: calc(100vh - 185px);
  }
}
</style>

Result

If it helps you, please like and mark it as the solution.

Best Regards 😊