Archived topic
Mobile not showing cart correctly
3 replies · Started by Matt on January 5, 2021
I've checked on IPhone 11 and Samsung Galaxy 20 Ultra. Firefox browser, chrome browser, and safari browsers. All show my cart shifted off center not sure what caused it other than an update. https://imgur.com/a/MkJqtPu
Item to add to cart: https://echocalls.com/call-builder/configure/1113/
Cart Page: https://echocalls.com/cart/
Hi Matt,
I checked your code, and this CSS or setting from Woocommerce is the cause that cart table text/img align right on mobile.
media="only screen and (max-width: 768px)"
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right!important;
}
Try this CSS see if it can fix the issue.
@media (max-width: 768px){
.vpc-cart-config .vpc-cart-options-container {
text-align: left;
}
}
Let me know :)
That fixed it! Thank you Ying!
No problem!
Glad to help :)