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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...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