Checkout Page Responsiveness Issue in Mobile View

Hi, In mobile the Checkout Page is not showing full data . Kindly have a look

https://prnt.sc/vndqzs

I want the Checkout Data to show without any side scrolling . Full data on the mobile screen . Website link is provided in Private Area

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Best Regards

Deactivating the Plugins doesn’t help. But changing the Theme Solves this kindly check the screenshot below

https://prnt.sc/vpans7

Hello,

Please provide your site admin access to the private area.

Also, confirm the permit for us to deactivate the plugins for the while of checking what may take up to 15 minutes.

Best Regards

Please find the Login to Admin in Private Area .

Also , Kindly do as needed for fixing the issues.

Hello,

Most likely the problem is caused by the length of the works in the checkout. In order to solve this please add this code to the Theme Settings > Custom CSS > Mobile:

body .woodmart-table-wrapper {
padding: 5px 0;
}
body .checkout-order-review {
padding: 20px 0;
}
form.checkout table th {
font-size:12px;
}
form.checkout table td {
font-size:12px;
}
form.checkout  tr.order-total strong .amount {
font-size: 16px;
}

Best Regards

Thank you . Now its ok

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts