What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Remove cart icon

Solved

How can I remove the cart icon from my website's header?

tareekshawi
Shopify Partner
47 0 6

Hi i want to remove cart icon from header

theme is minion

 

Link: https://trading-worldd.myshopify.com

 

pass: 0

Accepted Solutions (2)

Guleria
Shopify Partner
3692 741 1039

This is an accepted solution.

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below:

 #cart-icon-bubble {
    display: none;
}
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

PageFly-Richard
Shopify Partner
4808 1088 1758

This is an accepted solution.

Hi @tareekshawi 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

 #cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

Guleria
Shopify Partner
3692 741 1039

This is an accepted solution.

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below:

 #cart-icon-bubble {
    display: none;
}
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
tareekshawi
Shopify Partner
47 0 6

@Guleria doesnt work.. 

Guleria
Shopify Partner
3692 741 1039

Issue in your css rule.
Your previous media query 

@media (max-width: 992px){

 missing closing tag.

Just before my code close it with curly bracket
this one



- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
tareekshawi
Shopify Partner
47 0 6

its works now! but only on desktop not on mobile

Guleria
Shopify Partner
3692 741 1039

Update the css with this  

 

 #cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none;
}
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
tareekshawi
Shopify Partner
47 0 6

Thank you so much bro!!

PageFly-Richard
Shopify Partner
4808 1088 1758

This is an accepted solution.

Hi @tareekshawi 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

 #cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.