Problem with the Mini Cart on Mobile Devices.

Hello everyone!

I’m experiencing an issue with the mini cart in the mobile version. The X button (close button) often goes missing after opening the mini cart. The mini cart is added to the header. I’ve noticed that the problem with the cart occurs on WooCommerce pages that are built with blocks, for example, products displayed on the shop page via the Products Block (beta). I’ve also checked the ‘All Products’ block. No changes, the mini cart’s close button is still missing.

Additionally, the console is returning 9 messages related to JS files:

The resource was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate asvalue and it is preloaded intentionally

The resource https://site.com/wp-content/plugins/woocommerce/assets/client/blocks/mini-cart-component-frontend.js?ver=85605a0a865173a632e8 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-includes/js/dist/style-engine.min.js?ver=17cbc030cba88a42ccb5 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-content/plugins/woocommerce/assets/client/blocks/mini-cart-contents-block/shopping-button-frontend.js?ver=11.8.0-dev was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-includes/js/dist/wordcount.min.js?ver=5a74890fd7c610679e34 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-includes/js/dist/autop.min.js?ver=dacd785d109317df2707 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.coml/wp-content/plugins/woocommerce/assets/client/blocks/mini-cart-contents-block/filled-cart-frontend.js?ver=11.8.0-dev was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-content/plugins/woocommerce/assets/client/blocks/mini-cart-contents-block/empty-cart-frontend.js?ver=11.8.0-dev was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-content/plugins/woocommerce/assets/client/blocks/mini-cart-contents-block/filled-cart-frontend.js?ver=11.8.0-dev was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

The resource https://site.com/wp-content/plugins/woocommerce/assets/client/blocks/mini-cart-contents-block/shopping-button-frontend.js?ver=11.8.0-dev was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

When switching to the 2023 theme, there’s no such issue with the mini cart nor any messages in the console.

Plugins I have installed:

• Advanced Custom Fields
• Create Block Theme
• Kadence Blocks – Gutenberg Blocks for Page Builder Features
• UpdraftPlus
• WooCommerce

I’ve tested this on another site with different plugins, and the same issue with the mini cart persists.

Any suggestions on what might be causing this?

• This topic was modified 10 months, 2 weeks ago by mattiaspl.