SVG Map Markers resizing

Hi there,

when i started using the geo directory plugin, i first used custom designed png’s as map markers. In the plugins default size of 48 x 48 px the markers look horrifyingly unsharp, especially on retina screens.

So i decided to use bigger pngs trying to scale them down to the parents element with a max-width:100% and height set to auto.
Unfortunately this didn’t work out, as i could not find the right css class inside the css files that come along with the plugin.

So finally i’m now using svg files as map markers together with the ‘SVG support’ plugin. This works nice in Safari, but in Chrome theres no resizing, and in firefox the icons don’t show up at all.

I would appreciate it very much, if you could share either the css class i have to edit in order to resize bigger pngs or maybe give me a clue how to fix the problems with svg.

Heres my projects url, if you need to have a look on how it turns out:

http://bruecke-istanbul.com/branchen/

Best regards and thanks in advance..

A