Liquid, JavaScript, themes, sales channels
I'm having a strange issue with the Debut theme I uploaded an SVG logo and edited the code in header.liquid since there's no upload feature on the realtime panel for .svg's
I also have a .png format uploaded through the realtime panel as it needs to be there for the .svg to show up.
But the issue I have now is that on Mobile, it shows a plain text logo using a clearly different font.
After consulting with someone who hasn't been able to help, I think a solution might be to have that plain text version changed to the font I use in my .svg. Ofc, I don't know how to code so I don't know how I would do that.
Solved! Go to the solution
This is an accepted solution.
I resolved this by myself. Apparently an .svg file is much more in depth of a file than any image file. If you don't 'create outlines' for the font, it will utilize font settings.. and for those devices that don't have the font installed on them, it will display as another font.
So how I resolved this is, I opened the .svg logo on Adobe Illustrator, created outlines basically making it like an image rather than utilizing font code, and reuploaded it and edited my code in the header.liquid.
YAY! I should mention: 7 different Developers tried helping me with no solution. I was able to resolve this on my own which feels great!
Hello, @vmstore
Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.
I will pm you as I do not want my website to come up in searches leading to this community post
Hello,
Can you send me the full code of header and site link. I will check it.
I can pm you
This is an accepted solution.
I resolved this by myself. Apparently an .svg file is much more in depth of a file than any image file. If you don't 'create outlines' for the font, it will utilize font settings.. and for those devices that don't have the font installed on them, it will display as another font.
So how I resolved this is, I opened the .svg logo on Adobe Illustrator, created outlines basically making it like an image rather than utilizing font code, and reuploaded it and edited my code in the header.liquid.
YAY! I should mention: 7 different Developers tried helping me with no solution. I was able to resolve this on my own which feels great!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024