Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Hello @KCCJMJ
Could you please share the icon?
It should look like this:
Hello @KCCJMJ
Log in to your Shopify admin panel.
In the left sidebar, click on "Online Store" and then select "Themes."
Find the theme you are currently using and click on "Actions" next to it.
From the dropdown menu, select "Edit code."
In the list of theme files on the left, scroll down and click on "Assets" to expand it.
Find and click on base.css (or a similarly named file, as some themes might have different names for their main CSS file).
Once the file is open, scroll to the bottom or find an appropriate place to add your custom CSS code.
Add the following CSS code:
.button.button--tertiary .icon.icon-remove { color: blue;}
Click "Save" at the top right of the code editor to save your changes.
Check your storefront to ensure the changes have been applied correctly.
If you are still struggling with the steps please let me know.
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?
The above-given code will work for you @KCCJMJ
If you need my help please DM me.
It's a free support.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024