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 11 months, 2 weeks ago ago by Clau8826

  • Avatar: 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
    Avatar: Rose Tyler
    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
    Avatar: Clau8826
    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
    Avatar: Rose Tyler
    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
    Avatar: Clau8826
    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
    Avatar: Rose Tyler
    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
    Avatar: Clau8826
    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
    Avatar: Rose Tyler
    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
    Avatar: Clau8826
    Clau8826
    Participant
    March 15, 2024 at 11:29

    Hi,

    I already rated it 5star a long time ago 🙂

    #387073 Copied

  • Tagged: , , , , ,

  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.