“Delete Item” button in WooCommerce Cart not displaying in mobile browsers

  • My woocommerce cart works perfectly with desktop and tablet browsers. However, with mobile browsers the “Delete Item” button is not displayed to the left of each product thumbnail, making it impossible to remove items from the cart.

    I do not know how long this problem has existed – it was reported to me by a customer today.

    I have tried disabling all plugins except woocommerce, clearing browser cookies and even replacing my entire installation with a week-old backup. Nothing has any effect. Suggestions please….

    
### WordPress Environment ###

Home URL: https://www.borneocigars.com
Site URL: https://www.borneocigars.com
WC Version: 2.6.12
Log Directory Writable: ?
WP Version: 4.7.1
WP Multisite: –
WP Memory Limit: 768 MB
WP Debug Mode: –
WP Cron: –
Language: en_US

### Server Environment ###

Server Info: Apache
PHP Version: 7.0.14
PHP Post Max Size: 128 MB
PHP Time Limit: 120
PHP Max Input Vars: 3000
cURL Version: 7.52.1
OpenSSL/1.0.2j

SUHOSIN Installed: –
MySQL Version: 5.6.28
Max Upload Size: 128 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 2.6.12
: 
woocommerce_sessions: ?
woocommerce_api_keys: ?
woocommerce_attribute_taxonomies: ?
woocommerce_downloadable_product_permissions: ?
woocommerce_order_items: ?
woocommerce_order_itemmeta: ?
woocommerce_tax_rates: ?
woocommerce_tax_rate_locations: ?
woocommerce_shipping_zones: ?
woocommerce_shipping_zone_locations: ?
woocommerce_shipping_zone_methods: ?
woocommerce_payment_tokens: ?
woocommerce_payment_tokenmeta: ?

### Active Plugins (17) ###

Spam Protection by CleanTalk: by СleanTalk  – 5.55
Easy WP SMTP: by wpecommerce – 1.2.3
Heartbeat Control: by Jeff Matson – 1.0.3
Image Widget: by Modern Tribe
Inc. – 4.2.2

Links Shortcode: by Maarten Swemmer – 1.8.2
PHP Compatibility Checker: by WP Engine – 1.3.2
Optimize Database after Deleting Revisions: by CAGE Web Design | Rolf van Gelder
Eindhoven
The Netherlands – 4.2.1

Security by CleanTalk: by CleanTalk.org – 1.8.1
SG CachePress: by SiteGround – 2.3.11
Simple Facebook Page Plugin: by Dylan Ryan – 1.4.15
Soliloquy - CSS Addon: by Soliloquy Team – 2.2.1
Soliloquy: by Soliloquy Team – 2.5.3
Title Remover: by Brittany Internet Services – 1.0
Woo Out Of Stock Products: by Andrew Gunn
Ryan Van Ess – 2.1

WooCommerce: by WooThemes – 2.6.12
Yoast SEO: by Team Yoast – 4.0.2
WP Smush: by WPMU DEV – 2.5.3

### Settings ###

Force SSL: –
Currency: MYR (RM)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2

### API ###

API Enabled: ?

### WC Pages ###

Shop Base: #63 - /cigar-shop/
Cart: #8 - /cart/
Checkout: #9 - /checkout/
My Account: #10 - /my-account/

### Taxonomies ###

Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

### Theme ###

Name: Mystile
Version: 1.3.17
Author URL: https://www.woothemes.com
Child Theme: ? – If you're modifying WooCommerce on a parent theme you didn't build personally
then we recommend using a child theme. See: How to create a child theme

WooCommerce Support: ?

### Templates ###

Overrides: –
Viewing 2 replies - 1 through 2 (of 2 total)

  • The delete item button is hidden by your theme deliberately for screen widths below 768px to save space. The unit price and thumbnail columns are also hidden.

    You can reinstate the button with this custom css:

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

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    Thread Starter mikereed

    (@mikereed)

    Not the reply I was expecting as I assumed it was a bug. My bad. Nevertheless a simple, straightforward solution that works – Thanks very much indeed @lorro

    BTW, anyone using the Mystile theme will find that custom css entered at
    Dashboard > Appearance > Customise > Additional CSS
    gets overridden by custom css entered at the theme’s settings page. To get this to work with Mystile, paste the custom css at
    Dashboard > Mystile > Settings > General Settings
    Just scroll down to find the custom css box.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘“Delete Item” button in WooCommerce Cart not displaying in mobile browsers’ is closed to new replies.