Hi Shopify community,
I’ve noticed that custom Cart on Account SVG are not visible on mobile (my iPhone 13). Could someone please help me make my Adobe Illustrator SVG Cart Icon and Account Icon appear on mobile browser too? The only thing I see is the amount of item in the cart.
Thanks in advance!
Try removing the depreciated enable-background that’s been tried to be inserted as a style rule.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/enable-background
Then validate the svg separately and also validate the webpage before and after adding custom code. https://validator.w3.org/
If you need this debugged professionally then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact info in signature.
Hi Paul,
Thanks for your suggestion. Unfortunately it didn’t work out for me. I appreciate.
You’ll want to carefully review the initial svg’s the theme used and compare for a possible solution.
Safari is based on webkit and has a lot of issues with SVG, so you’d have your work cut out for in research or debugging.
An example process for iphones iOS safari debugging with devtools https://saucelabs.com/resources/blog/how-to-inspect-element-on-iphone
Thanks, I’ll try..
Hi,
I have posted my solution to this on this post, check it out https://community.shopify.com/c/shopify-design/how-can-i-properly-use-svg-code-for-a-logo-in-a-custom-theme/td-p/1982066