Responsiveness Issue on mobile device on woocommerce my account order page

Hi,

Thank you for the update.

Would you like to remove the column containing the “View” buttons? The following css code should help.

.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	display: none !important;
}

Best regards,
Ismael

Hi,

Thank you for following up.

We can adjust style of the table so that it is scrollable. Try this css code in the Quick CSS field.

@media only screen and (max-width: 767px) {
    .responsive table.shop_table.woocommerce-orders-table {
        display: block;
	overflow-x: scroll;
    }
}

Best regards,
Ismael

Hi,

You’re welcome! Glad it works.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael