How can I remove the express checkout button from my product page and cart?

Topic summary

A user seeks to hide express checkout buttons (PayPal, Google Pay, Apple Pay) from product pages, cart, and checkout pages while keeping these payment methods active. The discussion centers on the Refresh theme initially, though Studio theme users later join with similar issues.

Solutions provided:

  • Cart page removal: Add CSS code to base.css file:
.cart__dynamic-checkout-buttons.additional-checkout-buttons {
  display: none;
}

This successfully hides buttons on cart page for desktop.

  • Product page removal: Disable via theme customizer: Online Store > Themes > Customize > Product Information > Buy Buttons > uncheck “Dynamic Checkout Buttons”

  • Checkout page removal: Multiple participants confirm this requires either:

    • Shopify Plus plan to edit checkout code directly, OR
    • Third-party app like “Yagi Express Payment Hider”

Unresolved issues:

  • CSS solutions don’t work on checkout page for standard Shopify plans
  • Mobile display inconsistency reported (buttons still visible on iPhone despite working on desktop)
  • Studio theme users report the CSS code doesn’t work for their setup

The original poster confirmed cart page solution worked but checkout page remains unsolved without upgrading plan or using an app.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Thank you so much for this code, it worked great on the Cart page! I’ve been looking for this all day, so THANK YOU!

Would you be able to help me remove these buttons from the Product Pages and possibly the Check-Out page as well? The proposed solution for the Check-Out page doesn’t work unfortunately. I’m using the Studio Theme.

I only want to keep the Add to Cart button…The rest makes no sense whatsoever, especially that the “More payment options” link goes directly to check out.

Your help would be a lifesaver, I’m not even kidding :tired_face:

Thank you so much in advance!