I have a SVG logo image used as link on a website page that will only allow clicking on the bottom half of the image. It is the same logo found through out the rest of the site, the only difference is the color, but yet it is the only SVG logo that has this error. I have gone back and copied the orginal SVG, changed the color again, replaced it, still the problem persists. Does anyone know what could cause this? It is the logo on the top left of the page, http://test.holthaunt.com/mennonites/mennonite.html, if want to see for yourself.

I think it could have to do with the text in the file - can you remove it or convert to path and try again? (It's unreadable at that size anyway, I'd suggest removing it, from a design perspective...)

Also, do 'Clean up defs' and 'save as optimized SVG' for use on the web. It's going to be a lot smaller, kb-wise. You can 'Save a copy', to keep your editor data (layers, layer lock etc.) intact.

Moini, your always great at replying, thanks. I plan on redoing the lettering soon, but for now what is there will have suffice. Although, the question remains, "why just this logo when all the other logos on the other pages work fine". They are all created from the same source, with the only difference being the color of one element in SVG file. I have gone through the code to see if there was some difference, but it seems to be the same as the other pages. I'll go through your other sugestions and see if any of them remedy the issue, then let you know. Thanks, again.

It's nothing to do with the SVG file. The problem is that your "title-txt-2" div is being drawn over the top of it and catching any mouse events. There are a number of ways to fix this, but the simplest is probably to add a "z-index: 1" style to your "logo-div" object.

Xav, thanks, the "z-index: 1" did the trick.