You can add the following CSS rule to your website:
@media only screen and (min-width: 480px) {
.wpmc-step-item { display: block !important; }
.wpmc-tabs-wrapper, .wpmc-nav-wrapper { display: none !important; }
}
It doesn’t recognize directly if it’s a desktop or mobile device, but it will show the normal checkout page for devices wider than 480px and the multi-step checkout for devices narrower than 480px.
You can use the WP Admin -> Appearance -> Customize -> Additional CSS page to add the CSS rule.
Actually didn’t work for me! Address details and Payment box is showing in one column now! But my actual checkout page has two columns.
Do you have a link so I can have a look?
