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
4049 796 1145

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;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- 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
4971 1111 1793

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 8 (8)

Guleria
Shopify Partner
4049 796 1145

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;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- 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
4049 796 1145

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



- Custom themes, UI/UX design, ongoing maintenance & support.
- 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
4049 796 1145

Update the css with this  

 

 #cart-icon-bubble, #cart-icon-bubble--mobile {
    display: none;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- 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
4971 1111 1793

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.

Romi03
Visitor
1 0 0

Hola, no me funciona! 😕 me dejo la escoba el codigo