-
AuthorPosts
-
February 1, 2024 at 12:36 pm #1432723
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.
February 1, 2024 at 4:18 pm #1432743Hey 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,
RikardFebruary 1, 2024 at 5:46 pm #1432758Hi 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;
}
}February 3, 2024 at 8:08 pm #1432892Hi,
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,
MikeFebruary 5, 2024 at 10:16 am #1432979Perfect, thank you so much for your help
February 5, 2024 at 11:52 am #1432991 -
AuthorPosts
- You must be logged in to reply to this topic.
