SVG Logo Not Loading (sort of)

  • Resolved mbinghamhawk

    (@mbinghamhawk)


    7 years, 3 months ago

    I use an svg plugin to load the logo for our site because logos do not appear as pixelated. This worked well before I switched to Responsive Themes but it does not seem to work at all with your plugin.

    The logo does not load in the desktop nor mobile header nor in the title section of the mobile menu. What is a bit weird is the svg does load (in an undesirable way) in the main section of the page in safari on a first gen ipad, but it does not load on other tablets, or iphones.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    I don’t think you need a plugin for SVG logos. I use SVG logos on my site at https://responsive.menu without a plugin and they load fine.

    You can see on my site that the main header bar and menu title logos are SVGs and there is no issue in them loading.

    I have looked on your site and can see the logos are pngs instead of svg so it looks like you haven’t loaded svgs to my plugin? How did you add the logo via my plugin? Did you use the svg file or png?

    I’m not sure what the svg plugin is supposed to do but it doesn’t look like you have uploaded svg files to my plugin.

    Please advise

    Peter

    Thread Starter mbinghamhawk

    (@mbinghamhawk)

    Peter,

    Thanks for looking. I switched to the png to see if there was an issue with the plugin loading png vs svg. In the Header Bar properties of RM, I browsed to the url of the SVG logo I have in my media folder in WordPress. The path to the SVG is https://dev.saltlakecitymarathon.com/wp-content/uploads/2017/10/slcm_15logo.svg

    When selected it does not load in the page at all. Prior to using RM, I was not able to add SVG images unless I activated the SVG Support plugin

    I have since switched back to the svg so you can see that it does not load on my page. I have tried with the the SVG Support plugin activated and deactivated. Still does not load.

    Here are some other issues I am having.

    1) when I contract my browser window, the desktop menu background overlaps the logo. The logo is eclipsed with the gray background of the desktop menu. Anyway to fix that. Ideally, I would like to not have that overlap the logo.

    Thread Starter mbinghamhawk

    (@mbinghamhawk)

    I figured it out. The RM control panel does not allow you to specify the width and height of the logo. I added the following in the Header Custom HTML panel of RM:

    <div id=”responsive-menu-pro-header-bar-logo” class=”responsive-menu-pro-header-bar-item responsive-menu-pro-header-box”>

    Salt Lake City Marathon

    </div>

    However, the logo is not hyperlinked (not clickable). Can you help me with that?

    Thread Starter mbinghamhawk

    (@mbinghamhawk)

    Update, the logo is clickable, but only in a very small sliver of the bottom of the logo. Any ideas?

    Peter Featherstone

    (@peterfeatherstone-1)

    Hey there,

    I just checked and I am able to click the logo in all areas.

    Did you fix this, or it device specific?

    Please advise

    Peter

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘SVG Logo Not Loading (sort of)’ is closed to new replies.

Tags