All things Shopify and commerce
Hi Team,
The below image in the Shopify store is not in the right fit in desktop and mobile. Please advise.
Thanks,
Venkatakrishnan
i just check the wesite on desktop and it best fit
it might be that the image size is to big, and somtimes the selected themes may not be in the best fit for the image
if this happen, try to resize the image using photoshop or GIMP
you can also customise your theme if it has specific code requirement
- Here is the solution for you @Venkatakrishnan
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
@media screen and (max-width: 749px) {
.banner__media {
height: 17rem !important;
}
.banner__media img {
object-fit: contain !important;
}
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Please add this code to Custom CSS of that section
@media (max-width: 749px) {
.banner__media {
background: #fff;
height: 18rem important;
}
.banner__media img {
object-fit: contain !important;
}
}
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024