Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 18, 2020 at 5:54 pm #1194201
    March 20, 2020 at 9:32 am #1194740
    studiono

    any help with this? thanks!

    March 20, 2020 at 6:28 pm #1194856
    Victoria

    Hi studiono,

    You need to use this plugin https://wordpress.org/plugins/svg-support/ to upload the logo as SVG. After it, at Enfold Theme Options, upload the SVG that you want.

    Please have a look at the following thread:

    Use SVG as the logo…

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 21, 2020 at 9:36 am #1195032
    studiono

    thanks Victoria, I installed the plugin and uploaded the svg file but it is not working. you can check in the URLs I attaching down here – I also created an admin user for you to better understand the issue.

    thanks!

    March 21, 2020 at 7:02 pm #1195125
    studiono

    Ok I fixed the logo loading (it was an issue with the SVG type I uploaded) – The problem I have now it’s that the SVG logo doesn’t change when I resize the browser window (or on mobile) – how can this fixed? you can still check in my staging website

    March 24, 2020 at 10:21 am #1195956
    studiono

    any help? please

    March 24, 2020 at 11:59 am #1196092
    Guenni007

    i do not see your staging site – i’m participant as you but

    Is your logo is now an img tag with src svg or is it an inline svg file?
    With your plugin – it is possible to replace these img svgs with inline svg.

    for browser compatibility it is necessary to give a width to the svg and you could try to set for non responsive case the .logo to display flex (or inline-flex)

    try:

    .logo a {
    display: flex;
}
.logo img[src$=".svg"] {
    width: 350px;
}

    if you decide to have inline svg – the .logo svg must have some extra css.

    PS : activate the advanced setting on svg support and mark “load frontend css”

    March 24, 2020 at 3:16 pm #1196408
    Victoria

    Hi studiono,

    I see the svg logo there, did you get it working for you or do you need more help?


    @Guenni007     thank you for your help 😀

    Best regards,
    Victoria

    March 24, 2020 at 3:19 pm #1196413
    studiono

    Hi Victoria, yes now the logo is visible but I have issues with the automatic resizing for mobile and smaller screens – I am attaching a couple of screenshots

    Thanks

    March 25, 2020 at 12:12 pm #1197644
    Yigit

    Hi,

    Please try adding following code to Quick CSS 

    media only screen and (max-width: 989px) { 
.responsive .logo img {
    padding-bottom: 10px;
}}

    Regards,
    Yigit

    March 25, 2020 at 3:46 pm #1197699
    studiono

    it works thanks Yigit!

    March 25, 2020 at 4:11 pm #1197706
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Use SVG logo’ is closed to new replies.