Commenting out or deleting Shopping bag icon on Avenue theme?

Solved

Commenting out or deleting Shopping bag icon on Avenue theme?

Bobby_Webster
New Member
11 0 0

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!

 

 

Bobby_Webster_0-1738340374065.png

 

Accepted Solution (1)

Sayed_Safin
Shopify Partner
56 3 2

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;
  }
}

 

Problem Solved? ✔Accept and Like solutions to help future merchants.
Github: https://github.com/safin777
Buy me a coffee

View solution in original post

Replies 14 (14)

suyash1
Shopify Partner
10553 1304 1671

@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;}

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Bobby_Webster
New Member
11 0 0

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?

CodingFifty
Shopify Partner
525 80 99

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;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
Bobby_Webster
New Member
11 0 0

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?

CodingFifty
Shopify Partner
525 80 99

Please add the code in styles.css @Bobby_Webster 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
Bobby_Webster
New Member
11 0 0

I have added to styles.css at the very bottom and saved. But it still remains on mobile view?

CodingFifty
Shopify Partner
525 80 99

Please share the website url @Bobby_Webster 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
Bobby_Webster
New Member
11 0 0

It is https://jecododesigns.com/ with password sempeb

CodingFifty
Shopify Partner
525 80 99

@Bobby_Webster,

 

a.cart-count-mobile.relative {
    display: none !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
Sayed_Safin
Shopify Partner
56 3 2

@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;
  }
}
Problem Solved? ✔Accept and Like solutions to help future merchants.
Github: https://github.com/safin777
Buy me a coffee
Bobby_Webster
New Member
11 0 0

Ok that finally worked! THANKS

Bobby_Webster
New Member
11 0 0

Still not working for me.

CodingFifty
Shopify Partner
525 80 99

@Bobby_Webster,

 

li#cart-count-mobile {
    display: none !important;

CodingFifty_0-1738347770667.png

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Sayed_Safin
Shopify Partner
56 3 2

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;
  }
}

 

Problem Solved? ✔Accept and Like solutions to help future merchants.
Github: https://github.com/safin777
Buy me a coffee