Help Removing Cart Icon

[user2539]

Hi,

I need help removing the Cart from my Theme. My website is linked here: https://www.gesell-yale.org/

Any help would be greatly appreciated!

[devcoders]

Hi @user2539

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottow of the file:

.nav--mobile .header-cart {
    display: none;
}

Best regards,
Devcoder

[Parampreet]

Add below CSS in Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
or
assets/base.css

.header-cart__wrapper {
    display: none;
}

[Small_Task_Help]

@user2539

Hi,

I need help removing the Cart from my Theme. My website is linked here: https://www.gesell-yale.org/

Any help would be greatly appreciated!

Hi,

Hope this will help

• Make a copy of your theme first.
• Hide the cart picture at the top.
• Remove the “Add to cart” buttons on product pages.
• Block the cart page so it sends people back home.
• Test in a private window to make sure it works.

All codes example

Hide cart icon using CSS:

/* assets/base.css */
.header__icon--cart,
.icon-cart,
.cart-count-bubble { display: none !important; }

Remove product buying using CSS:

/* assets/base.css */
form[action*="/cart/add"],
button[name="add"],
.shopify-payment-button { display: none !important; }

Block /cart (Liquid):

{%- comment -%} templates/cart.liquid {%- endcomment -%}
{% layout none %}
<script>window.location = '/';</script>

Replace Add to Cart with “Contact us” (Liquid):

{%- comment -%} In sections/main-product.liquid, remove the form and add: {%- endcomment -%}
<a href="/pages/contact?subject={{ product.title | url_encode }}" class="button">
  Contact us to order
</a>

[niraj_patel]

Hii @user2539 I see you are using PIPELINE theme from shopify.

You can add code by following these steps to hide cart drawer from desktop and mobile both

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

<style>
.cart-text-link,.nav--mobile .header-cart{
	display:none !important;
}
</style>

[Dan-From-Ryviu]

Go to your store admin > Sales channels > Online Store > Themes > Customize > Theme settings > in Custom CSS, add this code

@media (max-width: 749px) {
  .header-cart__wrapper { display: none !important; }
}

Best regards,
Dan from Ryviu: Product Reviews App