If I remove review-order.php from themes/scalia/woocommerce folder. Then it scales good on mobile but unfortunately it messes up the design, does not look good.
The review-order.php in scalia folder also cause another problem (problem in another ticket, waiting for a reply). It does not recalculate order total in final checkout when I change payment option. Same here, if I remove the file from scalia folder it works good.
Looks better! Now I can see everything on mobile as well.
Still one problem left at the moment. Final checkout does not automatically recalculate order total when I change shipping or payment option. Which means, if a customer change any of those the order total show is not correct.
Woocommerce checkout is not scaled correctly on mobile. Customer is not able to see amounts when viewing vertical.
HI!
pls. use following css:
.woocommerce-cart-form .sc-table { overflow-x: scroll; }This code adds horizontal scrolling for this table.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi!
Cant see any difference with that css.
HI!
pls. provide the wp-admin access.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
If I remove review-order.php from themes/scalia/woocommerce folder. Then it scales good on mobile but unfortunately it messes up the design, does not look good.
The review-order.php in scalia folder also cause another problem (problem in another ticket, waiting for a reply). It does not recalculate order total in final checkout when I change payment option. Same here, if I remove the file from scalia folder it works good.
Pls. add this:
table.shop_table.cart td, table.shop_table.cart tr { width: 100%; display: block; }Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Cant see any difference in checkout on mobile.
pls. clean your browser cache
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
I see, you are on the wrong page. No problem there with the cart on mobile.
Problem is here - http://www.knracing.se/blog/kassan/#woo-checkout3. Final checkout where the "buy now" button is.
That is where I cant see the amounts on mobile.
Try this:
@media only screen and (max-width: 768px) { table.shop_table.order-details td, table.shop_table.order-details tr { width: 100%; display: block; padding-left: 10px !important; text-align: left !important; } body .woocommerce table.shop_table.order-details thead tr th.product-name { width: 100%; text-align: left; padding-left: 0; } }Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Looks better! Now I can see everything on mobile as well.
Still one problem left at the moment. Final checkout does not automatically recalculate order total when I change shipping or payment option. Which means, if a customer change any of those the order total show is not correct.
Pls. wait some time my colleague looking fix for this issue.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver