image banner full screen

[Shani-Swim]

Hi, I want my image banner to be on full screen on mobile and also on desktop.

this is the current situation and I want the image banner to reach until bottom of the screen.
Same for desktop.
is there any solution please?

Website: https://036fa1-f4.myshopify.com/en

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Shani-Swim 
- 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>
@media screen and (max-width: 749px) {
    .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 100vh !important;
    }
}
</style>

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

[Shani-Swim]

Exactly as wanted, thank you very much!

[BSS-TekLabs]

Glad to help you. Have a good day.

[BSSCommerce-B2B]

@Shani-Swim ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

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

[Shani-Swim]

Thank you' already solved!