Hide payment method

Hi @barnabas1

When Apple Pay shows on unsupported devices and browsers, it’s because your theme or custom CSS on your site is overriding the plugin’s default styling which is to hide Apple Pay unless it’s supported.

You would need to share your website url so we could pinpoint the exact CSS that’s causing that behavior.

Kind Regards,

Hello,
It’s probably the new theme update from ASTRA 3.9.

This is the product catalogue of the website if you could have a look please:

https://essexmonastery.com/bookshop

Looking forward to your reply.

Kind regards,
Barnabas

Hi, I modified this CSS and it’s working now. I had to add the !important rule

li.payment_method_stripe_applepay, 
li.payment_method_stripe_googlepay, 
li.payment_method_stripe_payment_request {
    display:none !important;
}

• This reply was modified 2 years, 7 months ago by barnabas1.

@barnabas1 thanks for the update.

Hi,

Just wanted to add that the above CSS I had to enable it conditionally to run only on the checkout page, as when is set to run everywhere it hides the payment methods from the cart page also.

Would there be a better CSS that I could use to target only the checkout options?

Hi @barnabas1

Yes, you could add a css selector that’s specific to the checkout page like this:

form.checkout li.payment_method_stripe_applepay, 
form.checkout li.payment_method_stripe_googlepay, 
form.checkout li.payment_method_stripe_payment_request {
    display:none !important;
}

Hi @mrclayton,

This is better, thank you!