All things Shopify and commerce
Hi,
We use the Taste theme and on our homepage we have a slide show at the top of the page. On the desktop it looks great, but when you look at it on mobile the images are all cropped cutting off some of the text. Is there a way to stop the images from being resized for mobile display?
On desktop:
On mobile:
Thank you, we greatly appreciate any help!
Solved! Go to the solution
This is an accepted solution.
Hey @CPRYOURLIFE
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.banner__media img {
object-fit: fill !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @CPRYOURLIFE
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.banner__media img {
object-fit: fill !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This worked, thank you!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025