Archived topic
remove product name and image from sticky add to cart bar
3 replies · Started by roadlink on November 11, 2022
Viewing posts 1–4 of 4
Hi there,
When I check "Display add to cart panel on scroll" sticky add to cart bar on mobile phone I realised that there is no point to show product name and image on mobile.
Is there any way to remove image and name on mobile?
And make price and add to cart by 50%-50%
Hi there,
try this CSS:
@media(max-width: 600px) {
#wc-sticky-cart-panel :is(.product-title, .product-image) {
display: none;
}
#wc-sticky-cart-panel .product-price {
font-weight: bold;
font-size: 1.5em;
}
#wc-sticky-cart-panel.add-to-cart-panel>div {
justify-content: space-between;
}
}I include a style rule for the product-price in case you want that more visible.
Wow,
David you are great. This is much better than I imagined.
Thanks a lot.
Glad to be of help :)
This archived topic is closed to new replies.
