|
ComedieTriomphe
|
October 19, 2020 at 7:14 am
I have Stripe as a payment gateway on comedietriomphe.fr
The final pay now button is now fully clickable. It works ok on desktops, but on mobile, you would have to tap at the very left corner in a 1/4 inch space to get the button to trigger.
How can I fix?
|
|
Tony
|
October 19, 2020 at 1:52 pm
Hi there,
Within your theme’s styles is this:
iframe, video, embed {
max-width: 100%;
min-height: 100px;
vertical-align: top;
}
As the Stripe elements on the paymnt form are iFrames, thats forcig each element to be a minimum of 100px in height, which means the CVV element overlaps the pay button, see here:
https://monosnap.com/file/e6rfSG2Cd70ORqyOE5VH81c8d9gNuZ
You can fix this by adding:
#ee-stripe-button-dv iframe {
min-height: initial;
}
To Appearance -> Customize -> Additional CSS.
|
|
ComedieTriomphe
|
October 20, 2020 at 8:05 am
That did it! Thank you :).
|
|
Tony
|
October 20, 2020 at 8:29 am
You’re most welcome.
|
