Removing item from cart button not visible when viewed on mobile

  • Resolved jhsingo

    (@jhsingo)


    5 years ago

    Good afternoon,

    I wondered if you’d be able to help me with the following problem?

    The issue I’m having is that the button to remove an item from cart is not visible when viewed on mobile. This is a particular problem for one of my items in particular – membership, which I have set that people can’t select a quantity greater than one. For other items, you can decrease the quantity in checkout which will remove the item from your cart, but for membership which is restricted to one item per customer, this is not possible. So there is no way to remove the membership item from the cart.

    I saw on another topic where someone was having this issue that it was suggested they use the following CSS code:

    table.cart .product-remove {
    position:static
    }

    However, I have used this and still I don’t see a button to remove items from my cart when viewing on mobile. Is this CSS still correct, or is there another option available?

    Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Zach W

    (@dynamiczach)

    Automattic Happiness Engineer

    Howdy!

    WooCommerce should have a removal option for products within the cart, even when viewing on a mobile device.

    This screenshot shows the Storefront theme’s cart page:


    Link to image: https://cld.wthms.co/dQKIRw

    If your site doesn’t have that, then it’s most-likely being removed by the theme.

    You can try this code to see if it works (credit here): 

    
@media only screen and (max-width: 767px) {
.responsive table.shop_table .product-remove {
    display: block !important ;
}}

    If not, I’d recommend reaching out to your theme developer for help with this.

    Thread Starter jhsingo

    (@jhsingo)

    Hi Zach,

    Thanks for the prompt response. I’ve tried adding that CSS, but it doesn’t look like it has made any difference. It’s usually a small red cross symbol that I see, but it still would not appear to be visible when viewed on a mobile device. Just looking at it using developer tools on Google Chrome, the cross appears when the screen is made larger, but disappears when viewing it as mobile sized.

    I’m currently using a theme called Virtue Premium by Kadence. Thanks for the suggestion of contacting them – that’s where I’ll try next.

    Zach W

    (@dynamiczach)

    Automattic Happiness Engineer

    Okay, sounds good!

    Keep us updated! ??

    Thread Starter jhsingo

    (@jhsingo)

    Hi Zach,

    I’ve managed to resolve this problem with help from my theme author, but thanks again for your help too!

    All the best.

    Zach W

    (@dynamiczach)

    Automattic Happiness Engineer

    Howdy!

    Glad to hear they were able to help! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing item from cart button not visible when viewed on mobile’ is closed to new replies.