Site URL: https://www.hobbessakugamerch.com/
Hi,
I'm wondering how I can scale my banner image on my homepage so it appears properly on an iPad/tablet. Right now the image is heavily cropped when viewing it on an iPad. Example:
I've already injected some code that makes it appear properly on mobile devices. Here's what the same page looks like on mobile:
Here's the code I injected to make that work:
<style>
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow[data-width="full-bleed"] {
height: 22vh !important;
}
}
</style>
So I'm wondering how I can get that effect, which automatically scales the banner down on mobile devices, to work on tablets.
Thanks!