Hello!
I have added code to make it so that my banner on mobile isn’t cut off and it worked. However, now there is white space below and above the image? I’ll paste here the code I used to make the banner not cut off on mobile. I’ll also paste a screenshot of what it looks like on mobile.
Any help would be greatly appreciated!! Thank you!
Code:
@media screen and (max-width: 749px){
.banner–medium.banner–mobile-bottom:not(.banner–adapt)>.banner__media, .banner–medium.banner–stacked:not(.banner–mobile-bottom):not(.banner–adapt)>.banner__media {
height: 15rem !important;
}
.media>img {object-fit: contain !important;}
}