Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 10, 2020 at 9:05 pm #1192005
    Nancy

    Hey!

    On mobile, the padding on the credit card section is so thick that it makes it hard to enter the card number. Is there a way we can reduce the padding?

    I am using: Woocommerce Stripe Gateway

    March 12, 2020 at 7:34 pm #1192722
    Nancy

    Let me know if I can provide you with more information to help solve this

    March 15, 2020 at 7:42 pm #1193256
    Victoria

    Hi BeyondMS,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    March 16, 2020 at 11:09 pm #1193668
    Nancy

    Absolutely, here you go: https://photos.app.goo.gl/2YM7Juzh85ZsmQAPA

    It looks like that payment box as some sort of padding where the card it. I just wonder if that can be reduced.

    March 17, 2020 at 12:13 am #1193682
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
#top #payment div.payment_box{
width:100%!important;
padding:0px!important;
}}

    Best regards,
    Jordan Shannon

    March 17, 2020 at 10:22 pm #1193914
    Nancy

    Hey, Jordan,

    It worked!

    Thanks again for the quick support!

    March 17, 2020 at 10:49 pm #1193919
    Jordan Shannon

    Hi,

    No problem at all, I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile Credit Card Padding Blocking Card Entry’ is closed to new replies.