How to make an image full screen on both ( desktop + mobile )

[Ali2222]

https://www.koryoclothing.com/ // password: parola 
This is the site. With some help from another post I have made the image banner full screen on mobile, but I still didn't figured it out on desktop 

This is the code I used to get the mobile picture fullscreen. ( I added this code in the custom CSS tab on the theme customizer ) 

@media screen and (max-width: 749px) {
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt)
.banner__content {
min-height: 100vh;
}
}

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Ali2222 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.banner__content {
min-height: 100vh !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Ali2222]

Thank you, it worked! 

[BSS-TekLabs]

Glad to help you. Have a good day.