Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
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>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
@kanomii77 please share website link
Hello! The website is sugarplumstore(dot)net
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>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
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!
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>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Thank you so much!!! Bless you!!!!
Your welcome @kanomii77 , I'm glad that my solution work for you.
Thank you😍
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024