Archived topic
Mobile logo not displaying part of the image
9 replies · Started by Edward on August 8, 2018
Hello, I made a logo, part of which is made of a decorative text. Its and svg file. Logo displays well on my laptop screen. I added the same logo image as a mobile logo, trying some smaller sizes too, and it displays the decorative text as a system font, cutting off the last letters. Support and thoughts are appreciated.
Hi there,
when using text in a SVG you need to convert the font into curves before uploading the file. Let me know
I am using Illustrator, and I expanded the text (converting it to paths) before saving it as an svg. David, I don't know what you mean by converting the font into "curves". I cant see how this shape created by expanding is being converted back into a font when displaying on a mobile device. It shows up as the expanded shapes, as intended on my laptop, using chrome and safari.
the url is dreamarchaeology.com
Hi there,
Your site seems to be behind a coming soon page. Any chance you can open it up so we can see?
I disabled the Under Construction mode, the site is viewable now.
I think it's definitely something wrong with the SVG file as David said. When I open that SVG file, the text is cut off as well.
I can also highlight the text of the logo like it's regular text. I think David was right that you need to convert the text to a shape, although I'm not an expert when it comes to SVGs/illustrator.
Thanks so much to David and Tom for your interest in my issue. I am trying something new in an attempt to get the mobile display to recognize the text in my logo be recognized as shapes, and show the "bones" font. I used a png image with transparent background as the logo, and still am getting the same result with the skull image displaying correctly, but the text appearing in an unknown font, with last two letters cut off.
Hmm, I'm still seeing the same issue.
For example, if you go to:
http://yourdomain.com/wp-content/uploads/2018/08/arch_logo-132x32.svg
You'll see the text is still a part of the SVG.
Solved, I forgot that the mobile logo is a separate image from the main site logo in the Customizer under Site Identity, when mobile logo is switched to "on" under Layout - Header. I put in a .svg logo into mobile logo with the text expanded into paths, and the logo then displayed correctly on mobile. Thanks for helping me think through this. I love the theme and really appreciate the support!
Glad we could help! :)
