Shopify themes, liquid, logos, and UX
Hey guys, how are you
I was testing my new theme and I've realized that the cart of my website is not displaying everything, I am going to attach a photo of it
It seems that the name price and everything is behind the photo I am guessing
Any tips??
Solved! Go to the solution
This is an accepted solution.
div#CartDrawerItems .cart-drawer-item__img-cont {
overflow: hidden !important;
}
I hope this helps
Best,
Daisy
Hi, Can you share your store url. So that we can check and help you
Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.
Thank you for the url , The image of the card product overflow.
You can edit the theme from admin.
1. go to admin
2. select the theme edit mode
3. theme.css put this css in bottom
.cart-drawer-item__img-cont {
overflow: hidden!important;
}
This will solve your issue and it will look like this
Hope this will solve your issue.
Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.
Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
This is an accepted solution.
div#CartDrawerItems .cart-drawer-item__img-cont {
overflow: hidden !important;
}
I hope this helps
Best,
Daisy
Thank you so much!
It worked
Glad to know your issue is solved. Isn't the code which we give first work for you. can you please inform.
Thank you
Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.
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