One-Page Checkout [Support Thread]

[richard7315]

Hi Lat9
I have been testing the latest version of OPC with Zen Cart 2.1.0 and have noticed a couple of minor issues with the CSS.

1) On mobile devices the shipping method column is displaying approximately half the width it should be.

2) The whole checkout is a bit too close to the left edge of the screen. Line 43 of the responsive classic stylesheet.css should apply padding:0.8em to .centerColumn – for some reason when OPC is turned on the padding is not applied.

Update:
Potential fixes for issues 1 and 2 shown below:

1)
In the responsive_mobile.css find

/*bof checkout*/
#checkoutConfirmDefault .forward, #checkoutPayment .forward, #checkoutShipping .forward{float:right;width:auto !important;}

Removing float:right; seems to fix the display problem.

2)
The stylesheet.css has a minor bug. Around line 42 find:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, {padding:0.8em;}

The comma after #bannerFive should be deleted.

I have tested the fixes with OPC turned on/off and did not notice any issues. Please can the Zen Cart team check and apply these fixes to the core code.
Many thanks
Richard