Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 8, 2020 at 12:23 am #1201726
    farrows

    Hi,
    The fields in the stripe checkout are really small and not very easy to use on mobile vertical view within my enfold site.

    I think this relates to the way it is styled in Enfold rather than an issue with Stripe. All other views are fine.

    Is this something you can help me with please? Its quite urgent to fix as the UX is not good for payments on mobile vertical view

    Thanks

    April 9, 2020 at 5:35 am #1202112
    Rikard

    Hey farrows,

    I’m not sure which fields are Stripe checkout to be honest with you, the screenshot you posted is not accessible. I get a 403 error when trying to view it. Is it the card number/expiry/CVC fields? If so then how do you want to change the layout of them?

    Best regards,
    Rikard

    April 9, 2020 at 9:19 am #1202173
    farrows

    Hello,

    You are correct its the three credit card files which have become very condensed and not so easy to use on mobile. I you copy and paste the image link instead of clicking it it works – https://butlerslarder.co.uk/wp-content/uploads/2020/04/IMG_8641.png

    Its basically not using the width available and is a bit all over the place – the margins don’t seem consistent and the expiry and CVC could be on separate lines.

    Are you able to help please?

    Thanks

    Will

    April 10, 2020 at 6:11 am #1202574
    Rikard

    Hi Will,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.payment_method_stripe {
    width: 100%;
    padding: 0;
}
.payment_method_stripe .form-row-first, .payment_method_stripe .form-row-last {
    width: 100%;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.