-
AuthorPosts
-
December 9, 2018 at 2:45 pm #1042741RadekGuest
Hi Kriesi,
Looking at Enfold Shop demo I’ve noticed cart table Quantity and Total columns are cut off when viewed on mobile in a way that only Delete, Product and Price are visible.
Some themes, for example OceanWP, turn cart table rows from horizontal to vertical on small screens.
Is it possible to tweak Enfold theme so as to keep all the columns visible on mobile?
Looking forward to your reply.
December 10, 2018 at 5:55 am #1042911Hey Radek,
Thanks for reaching out. Could you register on the support forum and open a new thread there please? This is the pre-sale channel. Also please post a link to where we can see the problem you are having.
Best regards,
Rikard- This reply was modified 5 years, 3 months ago by Rikard.
December 10, 2018 at 2:31 pm #1043094RadekGuestHi Rikard,
Thanks your for a reply, I clicked the support forum link you provided but it’s asking me to enter Purchase code, so obviously support forum is only for those who have already purchased your theme.
The cart table behavior I mentioned can be seen here https://kriesi.at/themes/enfold-shop/ – just add product to cart and view the page on mobile or resize your desktop browser. In mobile portrait I can see just Delete, Product and Price columns, in landscape there’s Total column added but Quantity is missing.
I searched your forum and the issue is mentioned here https://kriesi.at/support/topic/woo-commerce-chart-width-cut-off-on-cart-page/ and apparently was caused by user’s custom css. However, the first link I’ve given is your own demo, no custom css added, so it seems like a default Enfold theme setting.
Question is: can it be changed to have all cart columns visible on mobile?
Appreciate your help.
December 10, 2018 at 3:14 pm #1043110Hey,
Thanks for contacting us!
Some columns are disabled on mobile using CSS to save space. If you decide to purchase Enfold, we can provide custom CSS code to display them on mobile as well :)
Best regards,
YigitDecember 10, 2018 at 4:17 pm #1043131RadekGuestHi Yigit,
Thanks for a swift reply.
Purchase had been made – a client of mine has an existing website based on Enfold theme. My job was to install WooCommerce and it’s when I’ve noticed the cart table issue.
December 10, 2018 at 4:35 pm #1043142Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 480px) { .responsive .shop_table .product-quantity, .responsive table.shop_table .product-subtotal, .responsive table.shop_table.cart .product-thumbnail { display: block; }}
We only provide support to our registered users, so please request purchase code from your client and register to our support forum for your future inquiries :)
Best regards,
YigitDecember 10, 2018 at 8:57 pm #1043331RadekGuestAll the columns are visible now, although the layout would still need some adjustments to look better on mobile.
Thanks for the snippet, though.
December 11, 2018 at 1:33 pm #1043744 -
AuthorPosts
- You must be logged in to reply to this topic.