Checkout Shipping Radio Buttons Broken

[kyzcreig]

When you change the width of the browser window on the checkout page this sometimes breaks the radio buttons for selecting shipping method, such that the label element’s margin covers up the radio button and you can not longer directly select the radio button.
https://irc.bio/checkout/

This confuses the fuck out of customers. Use the atelier support login, as there’s already an item in the cart.

I’ve also made a video montage of me not able to click the checkout. https://youtu.be/6FmbR_GlGzk

[David Martin – Support]

Hi,

Not being able to click one of the check buttons was fixed in one of the recent updates I believe. Please update the parent theme: https://irc.bio/wp-admin/themes.php.

To help improve the long shipping names on small screens, please test using this:

@media (min-width: 768px) {
tr.shipping > td {
    min-width: 180px;
}
.review-order-wrap {
    padding: 15px 15px 15px;
}
}

[kyzcreig]

Seems to have done the trick 🙂

[Kyle – SUPPORT]

Great, thanks David

– Kyle

[JuzzyBlake]

Hey David

I hope you are well. I am having the same troubles with the radio buttons. I have tried a couple of the solutions you have posted to other user, but when I paste the code into the custom css it keeps appearing in the header of my website above the logo. I have also updated to the latest versions. I do have long shipping options, is this the problem please can you have a looks :

Cart

I would really appreciate your help.

Best Regards
Justin Blake

[Mohammad – SUPPORT]

Hi,
Please paste the code at Admin > Theme Options > Custom CSS .
Thanks
Mohammad