APPLE PAY BUTTON TOO SMALL

guerralampadari · ‎07-03-2024

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!

Dan-From-Ryviu · ‎07-03-2024

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 Coffees
- 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

Dan-From-Ryviu · ‎07-03-2024

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 Coffees
- 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 · ‎11-07-2024

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/

APPLE PAY BUTTON TOO SMALL

APPLE PAY BUTTON TOO SMALL

Community Blog Articles