FIX DESIGN CART

Solved

FIX DESIGN CART

tomas_marino1
Excursionist
42 0 5

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?? 

 

 

Screenshot 2025-03-04 at 11.23.31 PM.png

Accepted Solution (1)
DaisyVo
Shopify Partner
4340 482 568

This is an accepted solution.

Hi @tomas_marino1 

 

To complete your requests, plea se follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

 

div#CartDrawerItems .cart-drawer-item__img-cont {
    overflow: hidden !important;
}

 

 

Here is the result: image_360.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 7 (7)

Arif_Shopidevs
Shopify Partner
488 40 91

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.

tomas_marino1
Excursionist
42 0 5

Sure, this is the url www.vulkany.us

 

Thank you!

Arif_Shopidevs
Shopify Partner
488 40 91

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

Arif_Shopidevs_0-1741152739013.png

 

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.

DaisyVo
Shopify Partner
4340 482 568

Hi @tomas_marino1 

 

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?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
DaisyVo
Shopify Partner
4340 482 568

This is an accepted solution.

Hi @tomas_marino1 

 

To complete your requests, plea se follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

 

div#CartDrawerItems .cart-drawer-item__img-cont {
    overflow: hidden !important;
}

 

 

Here is the result: image_360.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
tomas_marino1
Excursionist
42 0 5

Thank you so much!

 

It worked

Arif_Shopidevs
Shopify Partner
488 40 91

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.