How do I remove the cart button from my craft theme store?

Store Design
1

Hi,

Can anyone advise me please? I am looking to remove the cart button from my store, I am using the craft theme.

The website isn’t transactional and I can’t seem to find a way of removing the actual icon from the header. Any ideas would be greatly appreciated. Thank you!

2

Hello,

Personally I wouldn’t use Shopify for a non transactional store as it’s an e-commerce platform, however if you want to go ahead with this you would have to edit some code. Go to Actions > Edit Code > base.css and find the class .header__icon–cart then add the class display: none; and the cart icon will be removed.

I hope that helps!

3

Thank you. We do have a store on shopify that is transactional and it just seems easier keeping the stores together for now.. hopefully it will be easier!

I will take a look and see if I can do that - thank you for taking the time to comment!

4

Hi, I have found the code, would you know where I would add the class?

}

.header__icon,
.header__icon–cart .icon {
height: 4.4rem;
width: 4.4rem;
}

.header__icon–cart {
position: relative;
margin-right: -1.2rem;
}

5

In here:

.header__icon–cart {

display: none !important;
position: relative;
margin-right: -1.2rem;
}

(I think you will need to add !important to override the display property in the parent class)

6

Wow! Yes, it worked - thank you so very much!!