All things Shopify and commerce
Hi there 🙂
In the image with text section all looks fine on mobile but images are being cropped on desktop. Been trying different CSS coding but can't find the right solution. Anyone here who knows what to do? Pipeline theme.
Kindest regards
Monika
Can You Share Site Preview Link
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
I'll DM you
And then if you have a solution please post it here
Add This css in your Edit Code > Theme.css File
@media screen and (max-width:767px) {
.image__hero__pane .object-cover{
object-fit:fill !important;
}
}
See Solution 😆
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
Unfortunately didn't work out well. That code stretched the images vertically on mobile and did nothing on desktop.
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