I uploaded my SVG logo into WordPress by using the safe SVG plugin. It is displaying perfectly on my laptop screen in multiple browsers and in the WordPress customizer in all responsive display modes. The problem comes when I use my iphone to view the website. The logo displays in a completely different font and is spaced weird in Chrome, Safari, and Firefox mobile browsers. Please Help!! I’ve been trying to figure this out all day. The website can be viewed at woohttps://woodandsaw.com/
Thanks for checking it out. I responded to my first post after I posted it. But yes I did fix it. The problem was with how I created the SVG file in Adobe Illustrator. Even though I did it exactly the way an Adobe video tutorial said to do it. The missing piece was that I had to run the .ai file under the “type” menu and run the “create outlines” menu item before converting the file to SVG. Hope this will help someone else that runs into the same issue.