Return to previous page

Cell version order table - by Jarciano Silva

This topic has 2 replies, 2 voices, and was last updated 4 years, 7 months ago ago by Olga Barlow

Jarciano Silva

Participant

May 23, 2021 at 16:33

Hi,

The order table in the cellular version is unconfigured, see the image below.

https://imgur.com/iZHWY9G

#288695 Copied Theme version: 7.2.9 WooCommerce version: 5.3.0

1 Answer

Olga Barlow

Participant

May 24, 2021 at 14:31

Hello,

I have added the below code to custom CSS to add scroll and change aligment of the elements

@media only screen and (max-width: 768px) {
    .woocommerce-MyAccount-content {
        overflow: auto;
    }
.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions, td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions, td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button {
    text-align: left;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button {
    padding: 10px 0;
    background: transparent;
    border: none;
    text-decoration: underline;
    font-size: 10px;
    margin: 0;
    color: #222;
    display: block;
}
}

Check now.

Regards

#288744 Copied