Part of checkout page non-responsive

Hi,

I’m struggling with my checkout page on mobile. Text and button seem to be cut off on one part of my checkout page. I don’t seem to be able to edit anything myself, any ideas? I’ve recently started using a different caching plugin, not sure if that could be the issue.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.woocommerce-checkout-review-order-table tr {
    display:flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
.woocommerce-checkout-review-order-table tfoot tr {
    align-items: flex-start !important;
}

Best Regards.

Thanks, this seems to have fixed the issue!

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts