How to fix shopping cart icon
Hello, recently I added a custom shopping icon and for some reason another one shows up under it when you add something to cart. Is there any way to fix this?
Hey @tmitch
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
svg#cart:nth-child(2) {
display: none !important;
}
</style>RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @tmitch
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
svg#cart:nth-child(2) {
display: none !important;
}
</style>RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
You have to remove the icon in 2 ways.
1. Using CSS, find out both icons class names and then add display: none CSS
2. Remove DOM structure from the header.liquid file. The file name may be different according to your Shopify theme.
- Here is the solution for you @tmitch
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
svg#cart:nth-child(2) {
display: none !important;
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
@tmitch ,
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid.
Step 3. Add this code above </body>
<style>
#cart-icon-bubble > svg:nth-child(2) {
display:none!important
}
</style>Result
