Enlarge "Apple Pay" button

Hi there, I would to enlarge this section to show the entire button of Apple Pay. How I can do? Many thanks.

Attachments:

You must be logged in to view attached files.

Hi,

Where can we see this button on your website? https://gyazo.com/ced445bc4f8f6b296ceb24f52694abab

Try to take a look via desktop. I think that if a credit cart is not registered the button isn’t show.

The same on desktop too.

Try to navigate in a product page. You should to see it. I tried already (from anonymous) and it works.

Here is what we see https://gyazo.com/ced445bc4f8f6b296ceb24f52694abab

I suppose that the button showed depends from operative system. With Mac it show the button that I’ve posted. In your case – I don’t know why – the button got the same width of the other. Here is mine.

Attachments:

You must be logged in to view attached files.

Sorry, but we can’t test it with Mac at the moment. Could you please check how it looks with default WordPress theme?

I can’t right now 😕 It should be a value that limits the width this section. Inside documentation it works like this: https://docs.woocommerce.com/document/stripe/. I suppose that it regards the theme.

OK, we will check it on Mac and back to you tomorrow.

Even testing with Mac on Safari we still can’t view this button on your website https://gyazo.com/4448fb5fb0403cbf28fd7efd10ce94b7

Do you have last version of Mac OS? I see it also from anonymous view. But I don’t see it from last version of iOS. I’ll ask to the support. However by this screenshot do you understand which part got some limits from code?

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .single-product-content .single_variation_wrap .variations_button {
	display: block;
}

It don’t work. Same result 😕

Attachments:

You must be logged in to view attached files.

As you can see it depends by the size of the button below. In this case it is larger, so Apple Pay button is more visible.

Attachments:

You must be logged in to view attached files.

In that case, try to change width of the add to cart button using this snippet

.single-product-page #wc-stripe-payment-request-wrapper + p + button {
	min-width: 200px;
}

Regards

Now it works 🙂

Attachments:

You must be logged in to view attached files.

Great, glad to hear it 🙂

[Author]

Posts