Delivery options on mobile got cramped up after updating to 8.6.1

Hey there, @gkaralov! Thanks for contacting us. I’m happy to help you.

Can you please switch to a default theme such as Storefront and check if the issue remains?

If it doesn’t, please contact your theme’s support so they can help you with this.

If the issue persists, please let us know so we can assist you further.

Looking forward to your reply.

Have a wonderful day!

Hello,

I switched to Storefront but the issue persists: https://prnt.sc/nhfsnDdzRjaS

Hi there @gkaralov,

I checked your checkout page and was able to replicate your issue on my mobile device. Could you be using any custom code snippets in your site?

Yes, I turned off all now that affect the cart page but the issue still persists.

?? hey @gkaralov

Just to be sure, how does the Cart page’s edit screen look like, currently? Could you share a screenshot of it, on the back-end?

Additionally, how possible is it for block-components to be utilized?

My point is: are you able to reproduce this with only the WooCommerce plugin (no other custom code active), and the Storefront theme, or otherwise?

Looking forward to hearing from you!

Hello,

This is the Cart edit screen: https://prnt.sc/KA51QXGqqNAB

I now deactivated all plugins except WC and I’m using the Storefront theme. The shipping options are still cramped https://prnt.sc/S97XvP2mEPqe

Additionally, how possible is it for?block-components?to be utilized?

Not sure what is meant by that.

Hi @gkaralov, thank you for the additional details.

Can you please try this CSS:

@media (max-width: 568px) {
.woocommerce-cart .wc-block-components-totals-shipping__fieldset label.wc-block-components-radio-control__option {
padding-left: 3.25em;
}
}

All the best!
Omar

It worked. Thank you so much!

Hi @gkaralov,

It worked. Thank you so much!

I’m glad we were able to help!

If you have a few minutes, we’d love if you could leave us a review:?https://www.ads-software.com/support/plugin/woocommerce/reviews/

Thanks.