Re: Price overlap with the product name on popup cart

Solved

Price overlap with the product name on popup cart

kanomii77
Tourist
4 0 1

My website is sugarplumstore (dot) net

When I click cart to view the popup cart, the price will overlap with the product name. This happens on both desktop and mobile.

Can anyone please help me delete it? The price is already shown below the product name. Thank you in advance!

151037.jpgImage_20240908150847.jpg

Accepted Solutions (2)

Tech_Coding
Shopify Partner
384 106 90

This is an accepted solution.

Hello @kanomii77 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   #CartDrawer-CartItems td.cart-item__totals.right {
        display: none !important;
   }
</style>

Tech_Coding_0-1725785030425.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Tech_Coding
Shopify Partner
384 106 90

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  #CartDrawer-CartItems a.cart-item__name.h4.break {
      white-space: normal;
      word-break: break-word;
      overflow-wrap: break-word !important;
   }
</style>

Tech_Coding_0-1725786061674.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 7 (7)

suyash1
Shopify Partner
9989 1240 1578

@kanomii77  please share website link

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
kanomii77
Tourist
4 0 1

Hello! The website is sugarplumstore(dot)net

Tech_Coding
Shopify Partner
384 106 90

This is an accepted solution.

Hello @kanomii77 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   #CartDrawer-CartItems td.cart-item__totals.right {
        display: none !important;
   }
</style>

Tech_Coding_0-1725785030425.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
kanomii77
Tourist
4 0 1

Thank you so much! This one works like magic! Do you mind if I ask how do I text wrap the product name as well? In the cart popup, if the product name is long, you need to scroll to the right to see the full name. I wonder if there is a way to text wrap it down? Thank you in advance!

Tech_Coding
Shopify Partner
384 106 90

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  #CartDrawer-CartItems a.cart-item__name.h4.break {
      white-space: normal;
      word-break: break-word;
      overflow-wrap: break-word !important;
   }
</style>

Tech_Coding_0-1725786061674.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
kanomii77
Tourist
4 0 1

Thank you so much!!! Bless you!!!!

Tech_Coding
Shopify Partner
384 106 90

Your welcome @kanomii77 , I'm glad that my solution work for you.
Thank you😍

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.