Mobile cart icon disappears

[joshsclubs]

I changed my cart icon to a custom icon, and updated my css to fix sizing, etc. All looks good on desktop and even on the theme editor (desktop/tablet/mobile). But when I look at my website on mobile, the cart icon disappears. However, there is a space where it would be, and it even takes me to the cart when I click that empty space (implying something is there, it's just invisible).

Can anyone help?

www.joshsclubs.com

[BSS-TekLabs]

I see it still shows up there. What device are you using to view it?

[joshsclubs]

I'm using Google Chrome on my phone, and I've tried deleting cache/cookies. What else should I try?

[BSS-TekLabs]

This error seems to come from iphone error. I checked all android devices I have and they are normal. Iphone device has error.

[joshsclubs]

That's helpful. How can I edit the code to allow it to show up on all devices?

[BSS-TekLabs]

- Here is the solution for you @joshsclubs 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.header__icon svg {
    stroke: rgb(16, 27, 45) !important;
    stroke-width: 0.0005 !important;
    fill: rgb(16, 27, 45) !important;
}

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[joshsclubs]

Hmm...still did not work. I added that code to base.css and clicked save, but no change on either Google Chrome or Safari (mobile). I also tried clearing cache again. Is there something else I can try?

[BSS-TekLabs · Accepted solution]

Add this code 

[joshsclubs]

That worked! Thanks so much.

[BSS-TekLabs]

Glad to help you. Have a good day.