PLEASE can someone answer. How do I remove the cart icon. I DO NOT have an online store so I can’t edit the theme. I use the buy buttons on my own store. PLEASE HELP noone seems to know the answer and the cart icon is getting in the way of my site
Could you maybe share the link? Not sure what you exactly mean by not being able to edit the code. But once you are able to do it, find the code similar to the one below for the ATC, and add comment and end comment. The same goes for your card icon, go to inspect and see where it is located.
{% comment %}<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
<span id="AddToCartText-{{ section.id }}">
{% unless current_variant.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endunless %}
</span>
</button>{% endcomment %}
Your other option would be finding that class and adding style in your CSS file like:
.YOURCLASSNAME {
display: none;
}
Here is the Link
I have a wordpress website and not a Shopify website. Where would I find the code?
@n1 Go to your style folder and paste following:
#top-header .et-cart-info {
display: none;
}
No matter what WordPress theme you use, you can tweak CSS with the built-in theme customizer. Navigate to Appearance → Customize section of your dashboard, scroll down to the bottom of the page and click Additional CSS. This will open an in-built tool that will allow you to add any CSS code.
Please add below css in bottom of style.css file
a.et-cart-info {
display: none;
}
Thank you.
Hi, I pasted that CSS in and the cart item is still there… that little black tab on the right… any other suggestions please?
.css-1lcujdw-cartIconCSS-cartIconFixedCSS-CartIconFixed {
display: none !important;
}
Yes, finally it worked! thank you
No worries, enjoy!