Trash Icon not showing on mobile

Trash Icon not showing on mobile

KCCJMJ
New Member
4 0 0

I am having difficulties with the trash icon with mobile phone customers. The icon does not appear until you hover (click hold) over where it should be. Often, if you don't hold long enough, it removes it from the cart, which is annoying for some customers who did not want to remove it. I solved this issue on the desktop view, but cannot figure out how to solve it on mobile devices. The coding recommended on various threads has had no effect...

 

I use the Dawn Theme and my store link is kingdomcomecards.myshopify.com

Replies 6 (6)

prakashVt
Shopify Partner
260 23 35

Hello @KCCJMJ 
Could you please share the icon? 

- Enhanced your Cart Drawer for free, Shipping Protection included -VTN Cart Drawer Pro
- Feel free to Contact for more help (Free Support): prakash.prabhakar@vtnetzwelt.com
KCCJMJ
New Member
4 0 0

It should look like this:

Screen Shot 2024-12-06 at 7.27.03 AM.jpg

prakashVt
Shopify Partner
260 23 35

 

Hello @KCCJMJ 

 

  1. Log in to your Shopify admin panel.

  2. In the left sidebar, click on "Online Store" and then select "Themes."

  3. Find the theme you are currently using and click on "Actions" next to it.

  4. From the dropdown menu, select "Edit code."

  5. In the list of theme files on the left, scroll down and click on "Assets" to expand it.

  6. Find and click on base.css (or a similarly named file, as some themes might have different names for their main CSS file).

  7. Once the file is open, scroll to the bottom or find an appropriate place to add your custom CSS code.

  8. Add the following CSS code:

    CSS
    .button.button--tertiary .icon.icon-remove {
        color: blue;}
  9. Click "Save" at the top right of the code editor to save your changes.

  10. Check your storefront to ensure the changes have been applied correctly.

If you are still struggling with the steps please let me know. 

 

- Enhanced your Cart Drawer for free, Shipping Protection included -VTN Cart Drawer Pro
- Feel free to Contact for more help (Free Support): prakash.prabhakar@vtnetzwelt.com
KCCJMJ
New Member
4 0 0

That code is already listed at the bottom of that page. It creates the blue trash icon on the desktop view, but it does not show up on the mobile phone view. This is the issue that I am trying to solve. Is there another coding particular to the mobile phone view?

KCCJMJ
New Member
4 0 0
That code is already listed at the bottom of that page. It creates the blue
trash icon on the desktop view, but it does not show up on the mobile phone
view. This is the issue that I am trying to solve. Is there another coding
particular to the mobile phone view?
prakashVt
Shopify Partner
260 23 35

The above-given code will work for you @KCCJMJ 
If you need my help please DM me. 
It's a free support. 

- Enhanced your Cart Drawer for free, Shipping Protection included -VTN Cart Drawer Pro
- Feel free to Contact for more help (Free Support): prakash.prabhakar@vtnetzwelt.com