Hi there, unfortunately my header logo is not shown correctly on other devices such as iOS or MacMini. Although visual composer shows previews of all available devices correctly, half of the logo is cut off, when I try to open the website on an iPhone e.g.. I tried everything which made sense somehow - resizing logo for mobile devices (makes logo smaller but still half of it is cut off), playing with header container size, using svg and png logos, etc.. No success! Please help. Thank you very much in advance. Cheers, Markus
Hey guys, I'd like to go online soon and unfortunately the logo-issue is still not solved. Any ideas? Please help. Thank you very much! Cheers, Markus
PROBLEM SOLVED. I'm a bit sad, that Laboratory couldn't help, but now I found the solution, so maybe that helps Cathrine as well. I used a .svg logo on my site and rendered it as "glyph" so all browsers / servers tried to interpret a part of my logo as typo, which couldn't be found in the google font library. So the typo was changed to an available one, which was of a totally different size and look, so the whole logo was broken. Finally I rendered the logo as "outline" (Adobe Illustrator) and now everything works fine, since the browsers simply see an "image" and not a typo. A good site to check the compatibility of your .svg logo is https://tools.wmflabs.org/svgcheck/
Thanks Markus. Yilli - my header ('logo') is not an image, but just text using google fonts, and that is being cut off on phones. Is there anything I can do that doesn't involve converting the type into an .svg?
I'm very glad that you have solved the problem, i tried to fix your problem multiple times but without success. I think that your explanation of the problem will help me and the other users that have the same problems.
Thank you for sharing that information with us.
P.S: Hi Cathrine, please open a new ticket on our support forum for this problem and also send us your WordPress credentials, and we will check your issue :)
Hi there, unfortunately my header logo is not shown correctly on other devices such as iOS or MacMini. Although visual composer shows previews of all available devices correctly, half of the logo is cut off, when I try to open the website on an iPhone e.g.. I tried everything which made sense somehow - resizing logo for mobile devices (makes logo smaller but still half of it is cut off), playing with header container size, using svg and png logos, etc.. No success! Please help. Thank you very much in advance. Cheers, Markus
Hey guys, I'd like to go online soon and unfortunately the logo-issue is still not solved. Any ideas? Please help. Thank you very much! Cheers, Markus
Hi Markus,
Can you please add the code below to Custom CSS
@media screen and (max-width: 768px) { main-header .logo-and-menu-container .logo-column { width: 80% !important; } }Unfortunately this doesn't make any difference...exactly the same crop on all devices...
Any other idea?
Cheers, Markus
Hi Markus,
Can you please send us your WordPress username and password? We need to investigate your site and then get back to you if we have possible solution.
Make sure to choose Private Reply when you send us sensitive informations!
Yilli - If you find a solution, please share publicly, as I have the same issue with my site.
Hi Ylli, do you have any clue about the broken logo yet? Cheers, Markus
Hi Markus,
Can you please send us your WordPress username and password? We need to investigate your site and then get back to you if we have possible solution.
Make sure to choose Private Reply when you send us sensitive informations!
Dear Ylli, I sent you the password 3 days ago?! Didn't you get it??
Sent again via private reply...please help...thank you very much! Cheers, Markus
PROBLEM SOLVED. I'm a bit sad, that Laboratory couldn't help, but now I found the solution, so maybe that helps Cathrine as well. I used a .svg logo on my site and rendered it as "glyph" so all browsers / servers tried to interpret a part of my logo as typo, which couldn't be found in the google font library. So the typo was changed to an available one, which was of a totally different size and look, so the whole logo was broken. Finally I rendered the logo as "outline" (Adobe Illustrator) and now everything works fine, since the browsers simply see an "image" and not a typo. A good site to check the compatibility of your .svg logo is https://tools.wmflabs.org/svgcheck/
Cheers,
Markus
Thanks Markus. Yilli - my header ('logo') is not an image, but just text using google fonts, and that is being cut off on phones. Is there anything I can do that doesn't involve converting the type into an .svg?
Hi Markus,
I'm very glad that you have solved the problem, i tried to fix your problem multiple times but without success. I think that your explanation of the problem will help me and the other users that have the same problems.
Thank you for sharing that information with us.
P.S: Hi Cathrine, please open a new ticket on our support forum for this problem and also send us your WordPress credentials, and we will check your issue :)