Hi there, a website we have https://www.saltirecandy.com/ has an issue on the mobile shop cart. You cannot see the quantity and subtotal cells are not visible which has an impact on sales of the website. We need these to be visible.
I can change the code on a browser like so
@media only screen and (max-width: 767px)
.responsive .shop_table .product-quantity {
display: table-cell;
}
which shows the quantity cell I need but when I take that code and put into the css field on the theme it doesn’t change it on the website.
Looking for help on how to get the issue resolved please.
Hey CatchPR-Sa-Ra,
The CSS you posted is not complete, please try this instead:
@media only screen and (max-width: 767px) {
.responsive .shop_table .product-quantity {
display: table-cell;
}
}
Best regards,
Rikard
Hi there, thanks for that, it somewhat works, it shows the quantity but it doesn’t show the subtotal, I tried adding this but doesn’t work –
@media only screen and (max-width: 767px) {
.responsive .shop_table .product-subtotal {
display: table-cell;
}
}
Hi,
Please Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 479px){
.responsive table.shop_table .product-subtotal {
display: table-cell;
}
}
note that on very small screens it maybe hard to see since there is not enough room, this is why it is hidden by default.
Best regards,
Mike
Perfect, thank you so much for your help