order page table not responsive

Hello,

Kindly follow this link to do it – https://docs.oceanwp.org/article/596-make-order-and-download-section-responsive-under-my-account-page

hello thanks for your answer i tried it before it affect all the tables in checkout and so on i want it to affect the order table only is there a way. thanks

Okay, try to use this one –

@media screen and (max-width: 767px) {
.woocommerce-account .woocommerce table.shop_table thead {
    display: none;
}
.woocommerce-account .woocommerce table.shop_table td {
    display: block;
    text-align: right!important;
}
.woocommerce-account .woocommerce table.shop_table td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}
}

thanks for your answer thats nice

works great, thanks

You’re welcome!