Can I adjust an image banner's height in fullscreen mode only?

Store Design
1

Is it possible to change the banner height of an image banner only in fullscreen mode not to the complete width?

2

Hi [email removed]Bxnny,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file section-image-banner.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (min-width: 750px){
.banner--medium:not(.banner--adapt) {
    min-height: calc(100vh - 155px) !important;
}
.media > img {
    object-position: top center !important;
}
}

PageFlyVictor_0-1677163981295.png
PageFlyVictor_0-1677163981295.png1351×644 269 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3

Unfortunately this is not the solution I wanted, I want the right and left margins are or that the complete image is displayed.

4

you can try

@media screen and (min-width: 750px){
.banner--medium:not(.banner--adapt) {
    min-height: calc(100vh - 155px) !important;
}
.media > img {
    object-position: top center !important;
object-fit: contain !important;
}
}