Coupon section in checkout has broken layout

Hey, the layout of my coupon section is broken on small devices. How do I get it back to how it was before? I have attached two screenshots; one of how it should be (how it is on larger devices as well) and one of how it is now on phone devices. How do I fix the layout? Thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.

.checkout_coupon.woocommerce-form-coupon .form-row-first {
   flex: 1 0 0%;
}

Kind Regards

Hello, this did not work unfortunately. Do you have another solution? Looking forward to hearing from you.

[Author]

Posts