Support

Home Forums Event Espresso Premium Pay now Stripe button not fully clickable

Pay now Stripe button not fully clickable

Posted: October 19, 2020 at 7:14 am


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

  • Support Staff

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

  • Support Staff

October 20, 2020 at 8:29 am

You’re most welcome.

The support post ‘Pay now Stripe button not fully clickable’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Tony 3 months, 1 week ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!