Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 28, 2025 at 5:05 pm #1480401
    nancyT

    Can you help me find a solution to the credit card input form on the checkout page – it does not seem to wrap in iOS like it does elsewhere. Using Square & Woo Commerce.

    Thanks much – client anxious to promote product (aren’t they always?)

    ;-)

    Nancy

    • This topic was modified 4 days, 18 hours ago by nancyT.
    March 28, 2025 at 5:30 pm #1480405
    Mike

    Hey nancyT,
    I don’t have a iPhone, do you mean this:
    Screen Shot 2025 03 28 at 12.18.16 PM
    If so try this css:

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

    After applying the css, please clear your browser cache and check.
    Screen Shot 2025 03 28 at 12.29.33 PM

    Best regards,
    Mike

    March 28, 2025 at 5:38 pm #1480408
    nancyT

    That is the correct issue. However the CSS didn’t seem to fix it, unfortunately.

    Thanks!

    Nancy

    March 28, 2025 at 6:06 pm #1480409
    nancyT

    Wait – maybe it did work! Sometimes my site cache is slow to clear.

    March 29, 2025 at 12:35 pm #1480434
    Mike

    Hi,
    It looks like it is working when I test, please check again and let us know if we can close this thread.

    Best regards,
    Mike

    March 29, 2025 at 4:06 pm #1480450
    nancyT

    It’s working, we can mark as closed. Thanks so much!
    Nancy

    March 29, 2025 at 4:07 pm #1480452
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Credit Card input field not wide enough to allow input in iOS’ is closed to new replies.