Shopify themes, liquid, logos, and UX
Hey Jim, the issue is not only on mobile, but on desktop as well. It has to do with the size of the images. If I changed the banner's <img> property to "scale-down", I can see the full image:
It's just a matter of image rendering. If you were to change the .media>img declaration's "object-fit" property to "fill" for example, then you will be able to see the full image in the banner on both desktop and mobile. So, if you know where the CSS stylesheet is for that banner, you can find it and add the change, or just add this to you your theme.liquid file:
<style>
.media>img{
object-fit: fill !important;
}
</style>
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025