What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: APPLE PAY BUTTON TOO SMALL

Solved

APPLE PAY BUTTON TOO SMALL

guerralampadari
New Member
5 0 0

DA SMARTPHONE TASTA ACQUISTA ORA.jpeg

Hello Shopify Community,

I am encountering an issue with the quick buy button for Apple Pay on my site. The Apple Pay button appears too thin and I would like to make it larger. The quick buy buttons for other payment methods are sized correctly; this problem seems to be specific to Apple Pay.

Has anyone experienced a similar issue or could offer a solution to adjust the size of the Apple Pay button?

Thank you for your assistance!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10340 2052 2135

This is an accepted solution.

Hi @guerralampadari 

Please add this code to Custom CSS in Online Store > Themes > Customize > Themes settings to solve the issue 

.shopify-payment-button__button.apple-pay--dark {
min-height: 54px !important;
}

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
10340 2052 2135

This is an accepted solution.

Hi @guerralampadari 

Please add this code to Custom CSS in Online Store > Themes > Customize > Themes settings to solve the issue 

.shopify-payment-button__button.apple-pay--dark {
min-height: 54px !important;
}

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Johnpantrakis
Visitor
1 0 0

Hey there i tried your solution and i even tried pasting the code directly into the button style code on the buy-buttons.liquid file in the <style> section, but nothing worked. This problem only appears on iphones and i can not replicate it on my mac. Any thoughts? Thank you.

The url to my store is: https://minicubez.com/