hide cart and account icons

hide cart and account icons

Luxluxlux360
Excursionist
31 0 7

Hi,

I want to hide the cart and account icons but keep the search icon.

my site is https://eftfkw-vc.myshopify.com/

 

using dawn theme

 

thank you

Replies 4 (4)

Asad-Mahmood
Navigator
300 51 56

Go to your online store -> edit code -> base.css file
and paste this code in the end of file

.header__icon--account{
display: none !important;
}
#cart-icon-bubble{
display: none !important;
}
If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp





Made4uo-Ribe
Shopify Partner
9710 2309 2888

Hi @Luxluxlux360 

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.header__icons .header__icon--account, .header__icons .header__icon--cart {
    display: none;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1736283076891.png

     

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

DaisyVo
Shopify Partner
2848 343 401

Hi @Luxluxlux360 

 

I hope you are well. You can follow our instructions below:


1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

 

Here is the code for Step 3:

 

.header__icons a.header__icon.header__icon--account {
    display: none !important;
}
.header__icons a#cart-icon-bubble {
    display: none !important;
}

 

 


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

Ayokunle
Visitor
1 0 0

Can you help me to create a store?