Tagged: svg logo
Hi there,
I’m having problem to get the logo to show in Chrome Browsers. It’s a svg file and I also installed the plugin svg support, plus i set a size in the Quick css…. But still it’s not showing in Chrome.
I tried to find a fix here in the forum and tried several css fixes suggested, but nothing worked. Could you please help?
I will provide login Details.
Thanks, Katrin
1) is it an absolute width (px) or a relative one( 30%, 3em etc )?
– some browsers need here an absolute value.
2) on svg-support – did you have the standard settings or do you mark the “Force Inline SVG” ?
if support-svg inserted for the img the inline svg – an img rule will not work for that.
you have to make a rule vor svg with an absolute value of width.
Dear Guenni,
Thanks for your reply. I forgot to mark the email note, so I just now saw that you send an answer.
I understand that I have to set an image rule, but I’m not sure, if I did that correctly.
I put this to the custom CSS:
.logo img {
width: 230px;
}
I also checked the advanced setting in the svg support and the “Force inline svg” is not checked.
I’m sure I’m missing something… since it’s still not working in Chrome.
Hi,
Your logo was loaded over HTTP, I simply edited the link in Enfold theme options and changed it to HTTPS and now it loads fine on Chrome as well.
Please flush browser cache and review your website :)
Best regards,
Yigit
Awesome Yigit! Crazy, I did not see that :))
Thank you!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit