Return to previous page

Always show the remove/delete item button on the modal mini cart

This topic has 9 replies, 2 voices, and was last updated 1 months, 3 weeks ago ago by Clau8826

Clau8826

Participant

March 14, 2024 at 08:41

Hi,

On the modal mini cart that is flying from the left each item has a little animated trash can icon for removing it from the cart

The icon appears when you hover over an item

The problem is that on mobile it only appears only when you touch the screen somewhere near the item. And you need to touch somewhere around the product that will not just click on the product iself

Is there a way I can make the remove from mini cart icon be visible always and not just on hover

And also is there possible please to replace the trashcan icon with a simple X either an X icon or the text X

Thank you in advance!

Please, contact administrator
for this information.

#386876 Copied Theme version: 9.2.9

8 Answers
Rose Tyler

Support staff

March 14, 2024 at 12:40
Hello, Clau8826,

Thank you for reaching out to us with your query regarding the modal mini cart on your mobile site.

To address your request, kindly proceed by inserting the following code into your website’s theme settings. Navigate to Theme Options, then select Theme Custom CSS, and finally, paste the code into the Global section:
```
.et-off-canvas .cart-widget-products li:not(:hover) .remove {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type2 img {
    display: none;
}
.et-off-canvas .cart_list.product_list_widget li .et-remove-type2:after {
    content: "X";
    font-size: 18px;
}
```
Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
8Theme’s Team
#386924 Copied
Clau8826

Participant

March 14, 2024 at 12:58

Hi
This changes the trash can to an X, thank you
But it is still only displayed on hover. So the main problem remains on mobile, the fact that there is no remove option displayed … until you touch the screen somewhere near where it should appear

So, the hover effect remains.

Can I make it please to always show ?

Thank you

#386931 Copied

Rose Tyler

Support staff

March 14, 2024 at 13:34

Hello, Clau8826,

We appreciate your prompt response.

Could you please provide temporary wp-admin access?

Best Regards,
8Theme’s Team

#386941 Copied

Clau8826

Participant

March 15, 2024 at 09:52

Hi,
Thank you
I have added the logins in the private area

Also I have noticed that your theme already has an icon for X instead of the trash can 🙂 But it is hidden by the theme css. I did not find any option to switch to that icon

Please see these screenshots from browser inspect element
https://prnt.sc/iy-2EIiCnlsT
https://prnt.sc/SbLAzDVUq43R

you will see an with the class et-icon et-delete et-remove-type1 right before the trash can icon 🙂
but it has display none set by the theme

What I need to do:
1. Show the X ( non animated ) instead of the animated trashcan
2. On mobile always show the X and not just on hover please. This is important

If you need any additional info please let me know

Thank you !

Please contact administrator
for this information.

#387055 Copied

Rose Tyler

Support staff

March 15, 2024 at 10:59

Hello, Clau8826,

We appreciate your prompt response.

Per your request, we have implemented the custom CSS code. We kindly ask that you clear your cache to view the changes: https://prnt.sc/K0yraEkqczJx

Best Regards,
8Theme’s Team

#387067 Copied

Clau8826

Participant

March 15, 2024 at 11:08

Hi

It looks perfect and it works perfect on both desktop and mobile

Thank you very much for your quick help!

Claudiu

#387070 Copied

Rose Tyler

Support staff

March 15, 2024 at 11:15

Hello, Clau8826,

You’re welcome!
Would you mind to rate our product – https://themeforest.net/downloads
We’d appreciate if you could take a moment to give us 5-stars on ThemeForest!

Best Regards,
8Theme’s Team

#387071 Copied

Clau8826

Participant

March 15, 2024 at 11:29

Hi,

I already rated it 5star a long time ago 🙂

#387073 Copied
Tagged: best woocommerce themes, delete item feature, efficient cart management, modal mini cart, remove item button, top selling woocommerce templates
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Always show the remove/delete item button on the modal mini cart’' has been successfully resolved, and the topic is now closed for further responses

Always show the remove/delete item button on the modal mini cart

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection