Hello,

These are Woocommerce forms and get the styling css from the plugin’s files. Not from theme. I suggest you change it using custom css. You can add the code into your Custom Css Box in General Options.
Example code for the “My account” page:

@media (max-width: 480px){
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100% !important;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
 width: 100% !important;}
}

Result screenshot.
Let us know if you need help with it.

Best regards!

Hello,

Please add this code into your custom css box:

@media (max-width: 979px){
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left !important;
    text-align: left !important;
}
.woocommerce table.shop_table {  margin-left: -32px !important;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    padding: 9px 3px !important;}
}

This is all it can be done using only custom css. We will add this in our to-do list to check for the next theme update.

Best regards!

Hello,

Sorry for the late reply.
I could recommend you to use a custom plugin in order to make the cart responsive and customize it any further.
An example is:WooCommerce Cart – WooCart Pro

Best regards!

Hello,

I have forwarded your topic to theme developer team.
We will notify you on the matter soon. We require your patience until then.

Thank you!

Hello,

Sorry for the late reply.
You had a few errors in the code pasted in custom css box. I fixed it and added a few lines to change the mobile layout of cart. This is the code added:

@media (max-width: 979px){
.woocommerce table.shop_table
{ 	 margin-left: 0px !important;}
td.product-thumbnail { display: none;}
th.product-thumbnail { display: none;}
td.product-price { display: none;}
th.product-price { display: none;}
td.product-quantity {
    width: 50px !important;
}

Please check your cart page and let us know.

Best regards!