Cannot checkout on mobile checkout

  • Resolved jaspermutimer

    (@jaspermutimer)


    4 years, 6 months ago

    Hi, when users are checking out they can input their credit card details on a laptop or a pc but when they try to checkout on mobile, they are incapable of inputting their details in the credit card portion of Stripe. It seems to be small (short) to tap on so it is impossible for them to checkout. I was wondering if there was some CSS or a fix for this?
    Thank you.
    Here is an example screenshot screenshot of problem

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Elvira K. a11n

    (@treibalen)

    4 years, 6 months ago

    Hi there @jaspermutimer,

    It seems to be small (short) to tap on so it is impossible for them to checkout. I was wondering if there was some CSS or a fix for this?

    I do see the same issue on your checkout page with Chrome Dev Tools:

    https://cld.wthms.co/UoNP3E
    Link to image: https://cld.wthms.co/UoNP3E

    There are a few errors in Console that might point to the issue being caused by a conflict. This kind of problem is usually caused by either a conflict with your theme or with another plugin.
     
    The best way to determine this is to:
     

    • Temporarily switch your theme to Storefront
    • Disable all plugins except for WooCommerce
    • Repeat the action that is causing the problem

    If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

    P.S. I’d start your conflict test with Contact Form 7 plugin which is mentioned in Console errors.

    Let us know how that goes!

    Thread Starter jaspermutimer

    (@jaspermutimer)

    4 years, 6 months ago

    Okay great thank you, I will try that out and see how it goes

    Plugin Support Elvira K. a11n

    (@treibalen)

    4 years, 6 months ago

    @jaspermutimer,

    Sounds like a plan 🙂

    Good luck with the testing!

    Thread Starter jaspermutimer

    (@jaspermutimer)

    4 years, 6 months ago

    Hi, tried all that out, it is a stripe plugin problem as it still persists, seems to be a scaling problem when it reaches the breaking point to change to mobile, is there some css i can input to fix this?

    Plugin Support Elvira K. a11n

    (@treibalen)

    4 years, 6 months ago

    Hi there @jaspermutimer,

    Hi, tried all that out, it is a stripe plugin problem as it still persists, seems to be a scaling problem when it reaches the breaking point to change to mobile, is there some css i can input to fix this?

    I’m sorry to hear that!

    Can you please confirm that the issue persists with only WooCommerce and Stripe plugins enabled and Storefront theme as active?

    From my experience, issues with only mobile site versions are typically caused by a theme conflict, so I’m wondering if switching it to Storefront makes any difference?

    Plugin Support Elvira K. a11n

    (@treibalen)

    4 years, 5 months ago

    Hi there @jaspermutimer,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Cannot checkout on mobile checkout’ is closed to new replies.