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😍
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024