LillaGreen replied
Customer Reply
Thank you! It worked out :)
Public Ticket #26510
Cart Page on Mobile
Conversation thread
PenciDesign Supporter replied
Staff Reply
Hi,
I mean you should add this code without deleting any code you've added before.
Regards,
PenciDesign.
LillaGreen replied
Customer Reply
This code doesn't work - there is no image displayed...
PenciDesign Supporter replied
Staff Reply
Hi,
Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:
@media only screen and (max-width:767px) {
.woocommerce table.shop_table_responsive tr td:before,
.woocommerce-page table.shop_table_responsive tr td:before {
display: none !important;
}
.woocommerce-cart table.cart img {
width: 120px;
height: auto;
}
}
Regards,
PenciDesign.
LillaGreen replied
Customer Reply
it kind of worked out... but how can I make the Image on mobile for the cart bigger and how to remove the column ":" ? Thank you
PenciDesign Supporter replied
Staff Reply
Hi,
1. Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: block;
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
2. Navigate to Dashboard > Elementor > Settings > Integrations tab > WooCommerce section and choose Disable.
Regards,
PenciDesign.
LillaGreen started the conversation
Conversation Start
Hi, how can I edit the cart page for mobile? I want to have an image of the product in the cart - now it doesn't look good...
how can I edit it so that it looks like on desktop with an image?
and how can I edit the pencil side bar shopping cart for dektop on the right side?
Want to join this conversation or access attachments? Sign in first.
