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😍
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024