Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1042741
    Radek
    Guest

    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.

    #1042911

    Hey 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.
    #1043094
    Radek
    Guest

    Hi 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.

    #1043110

    Hey,

    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,
    Yigit

    #1043131
    Radek
    Guest

    Hi 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.

    #1043142

    Hi,

    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,
    Yigit

    #1043331
    Radek
    Guest

    All the columns are visible now, although the layout would still need some adjustments to look better on mobile.

    Thanks for the snippet, though.

    #1043744

    Hey!

    You are welcome! Could you please get the purchase code from your client if you need further assistance? :)

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.