Using the studio theme, and use a slideshow on the homepage, on desktop it fits landscape nicely, however on mobile it still shows landscape and doesn’t render vertically, I would like the image on mobile to show vertically to fill the mobile screen. Is this possible?
Hi @terry-kneeshaw ,
Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-image-banner.css->paste below code at the bottom of the file:
@media screen and (max-width: 749px) {
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: calc(100vh - 150px);
}
}
I hope it would help you
Best regards,
Richard | PageFly
Worked perfectly thank you so much !!