Hide Checkout button on cart notification popup

Hi

I want to hide the CHECKOUT button from the popup cart notification box.

I added this display:none; to the cart.notification.liquid file but it still won’t show:

button[name:checkout]{ display:none; {

{% comment %}
Renders cart notification

Accepts:

  • color_scheme: {String} sets the color scheme of the notification (optional)

Usage:
{% render ‘cart-notification’ %}
{% endcomment %}

{%- render 'icon-checkmark' -%} {{ 'general.cart.item_added' | t }}

{{ 'sections.cart.checkout' | t }} {{ 'general.continue_shopping' | t }}
{% style %} .cart-notification { display: none; } {% endstyle %}

@modernmaven hello can you share the store url?

https://always-flowers-kiama.myshopify.com/

pw: reviewtime

if you mean this checkout button

Add this css to base.css

.cart-notification__links .button–primary {
display: none;
}

or in theme.liquid before

.cart-notification__links .button--primary { display: none; }
1 Like

Thank you!!! Adding to base.css worked a treat!

@modernmaven you welcome! :slightly_smiling_face: