Shopify themes, liquid, logos, and UX
Whenever I transfer to mobile view, my banner image is always cropped. But, its alright with my desktop view. I would like to fix this. Please help.
Hello @kakajdiaz
Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css
add this code at the end of the file.
@media only screen and (max-width: 800px) {
#shopify-section-slideshow img, .index-slideshow-section img {
height: 240px;
}
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
I cant find theme.css .. only this one:
Hello @kakajdiaz
I have checked your problem, you can create separate images for mobile view and desktop view, this will be a proper solution for this.
Please check the Reference below
Is that the only solution that we can do?
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