When using RTL and a little bit longer names for the shipping methods it becomes really hard to fit it all nicely in mobile screens.
Right now in your theme, the review order section of the checkout form is a table with 2 columns, 50% width each. So there is a TH with the title of the section (for this row it is “Shipping”), and next to it is the TD with the shipping option.
Attached, is the mobile version on my website and you can see it looks bad.
I wish the TH and TD for this section (tfoot) would have the attribute “colspan=2”, so each will be full screen in mobile.
To be honest on your Demo it doesn’t look so great either (attached, and you can see similar problem just not as bad because of LTR).
Anything to do about it?
Attachments:
You must be
logged in to view attached files.
.
