Hi.
I am using simple vector based logo for quick loading in .SVG file format. you can see here. bestnewsstudio.com 1.
on desktop it working fine, no issue. but on mobile devices its not loading. its using builtin font or some thing else.
can you help to figure out this issue?
still waiting for the update on request.
Hello,
I verified your website and now the logo is showing -> https://i.imgur.com/R7tigIe.png, maybe was a problem related to the cache.
Also, you can set the width for SVG logo -> https://i.imgur.com/ddiA3RU.png
Please note the Support team is not 24/7 available. We answer the topics from Latest to Newest Monday – Friday from 08:00 AM to 05:00 PM GMT+2
Thank you!
Hi
thanks for you late reply.
the logo display on the desktop version is not showing. even the same svg code is added and width is set to 280.
Kindly check
Hi,
I checked and the logo seems to be SVG -> https://i.imgur.com/neGGLyW.png, please provide a screenshot of what the logo should look like.
Thank you!
can you please compare the logo with desktop version? if you dont get the meaning. Pls update to explain in details.
Hello @sylentears!
Please modify the width from your SVG code for mobile or you can change the width in the settings here: https://www.screencast.com/t/jX9b1Rkx
Thank you!
Hi @sylentears,
I had a similar issue with my SVG logo not displaying correctly on desktop device, and I found a solution that worked for me. It looks like the problem might be due to conflicts when the same SVG code is used for both desktop and mobile viewports.
Here’s what I did to resolve the issue:
1. Create Unique IDs: Ensure that your SVG code for mobile has unique IDs for the gradient and other elements. This prevents conflicts between the desktop and mobile versions.
2. Separate SVG Codes:
– Add the SVG code with unique IDs for the desktop view in your theme editor.
– Switch to the mobile view and add a modified version of the SVG code with different unique IDs.
3. Test and Verify: After making these changes, save and preview your site on both desktop and mobile devices to ensure the logo displays correctly on all viewports.
Best
