Shopify themes, liquid, logos, and UX
How do I get rid of the grey space on my image banner. When I use other paramaters on my object-fit the image looks squashed onn mobile view but fine on desktop. www.peakclo.com. Dawn theme.
.banner__media.media > img { object-fit: contain!important; border-radius: 0%; overflow: hidden; }
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-image-banner.css
add this code at the end of the file.
@media screen and (max-width: 749px) {
.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 17rem !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
It works great on mobile, how can I do the same for desktop view
can't see any grey space in desktop.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024