Shopify themes, liquid, logos, and UX
Hi there, I have seen other posts where people have asked this question, but the solutions haven't worked for me. I have identified on mobile the icon is coming from <span class="icon icon-bag">. I have looked in the header.liquid file as well as theme.liquid and other places but I can't figure out how to remove this icon. Please help!
Solved! Go to the solution
This is an accepted solution.
Hi, @Bobby_Webster Please add the given code in style.css file after line 1019 and let me know if it's works. Thanks.
@media only screen and (max-width: 768px) {
.customer-links #cart-count-mobile .icon.icon-bag{
display: none !important;
}
}
@Bobby_Webster - most simple way would be to hide it using css , add below css to the very end of your css file
.cartCountSelector{display:none;}
Hi there, I see a styles.css and styles.header.css both under the "Assets" folder. I tried placing the code on both of those pages and neither worked?
Hi @Bobby_Webster,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.cartCountSelector{
display: none !important;
}
Hi there, I only see a styles.css and styles.header.css both under the "Assets" folder. I tried placing the code on both of those pages and neither worked?
Please add the code in styles.css @Bobby_Webster
I have added to styles.css at the very bottom and saved. But it still remains on mobile view?
Please share the website url @Bobby_Webster
a.cart-count-mobile.relative {
display: none !important;
}
@Bobby_Webster Please add the given code in style.css file after line 1019 and let me know if it's works. Thanks.
@media only screen and (max-width: 768px) {
.customer-links #cart-count-mobile .icon.icon-bag{
display: none !important;
}
}
Ok that finally worked! THANKS
Still not working for me.
li#cart-count-mobile {
display: none !important;
This is an accepted solution.
Hi, @Bobby_Webster Please add the given code in style.css file after line 1019 and let me know if it's works. Thanks.
@media only screen and (max-width: 768px) {
.customer-links #cart-count-mobile .icon.icon-bag{
display: none !important;
}
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025