Trash Icon not showing on mobile

Technical Q&A
1

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

2

Hello @KCCJMJ
Could you please share the icon?

3

It should look like this:

Screen Shot 2024-12-06 at 7.27.03 AM.jpg
Screen Shot 2024-12-06 at 7.27.03 AM.jpg590×398 5.1 KB

4

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.

5

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?

6

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?

7

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